@import url(main.less);

// PC
@media (min-width:@screen-sm-min){
    .banner{
        // 940px
        height: 48.9583vw;
        background: url('../images/index/device_banner.png') no-repeat;
        background-size: 100% 100%;
    }

    // 山羊智能看护机器人
    .robot_box{
        padding-top: 6.7708vw;
        margin-bottom: -7.8125vw;

        .main_area{
            display: flex;

            .flex_1{
                padding-top: 7.1875vw;

                .p{
                    font-size: 1.4583vw;
                    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                    font-weight: 400;
                    color: #333333;
                    line-height: 2.5vw;
                    margin-bottom: 2.0833vw;
                }

                .btn{
                    width: 7.8125vw;
                    height: 2.8125vw;
                    background: #FF7C00;
                    // background: linear-gradient(90deg, #FF5400 0%, #FF7F41 100%);
                    border-radius: .3125vw;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 1.25vw;
                    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
                    font-weight: 500;
                    color: #FFFFFF;
                    line-height: 1.875vw;
                }
            }

            .right{
                width: 38.5938vw;
                height: 35.625vw;
                margin-left: 4.1667vw;
            }
        }
    }

    // 设备安全简介
    .safe_article{
        padding: 4.3229vw 0 1.4583vw;
        background: rgba(207,209,213,0.15);

        .main_area{
            
            .title{
                font-size: 2.0833vw;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #333333;
                line-height: 2.9167vw;
                margin-bottom: 1.9271vw;
            }

            .list{
                display: flex;
                flex-wrap: wrap;

                .item{
                    flex: 1;
                    width: calc((100% - 4.6875vw) / 4);
                    min-width: calc((100% - 4.6875vw) / 4);
                    max-width: calc((100% - 4.6875vw) / 4);
                    min-height: 19.7917vw;
                    border: .1042vw solid #FF8042;
                    box-sizing: border-box;
                    border-radius: .7813vw;
                    margin: 0 1.5625vw 1.0417vw 0;
                    display: flex;
                    flex-direction: column;
                    align-items: center;

                    &:nth-of-type(4n+4){
                        margin-right: 0;
                    }

                    .icon{
                        width: 100%;
                        height: 11.1458vw;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        .icon_1{
                            width: 8.4896vw;
                            height: 6.5104vw;
                        }
                        .icon_2{
                            width: 9.375vw;
                            height: 8.8542vw;
                        }
                        .icon_3{
                            width: 7.7604vw;
                            height: 7.8125vw;
                        }
                        .icon_4{
                            width: 6.4583vw;
                            height: 9.0104vw;
                        }
                        .icon_5{
                            width: 8.2813vw;
                            height: 8.1771vw;
                        }
                        .icon_6{
                            width: 7.5521vw;
                            height: 8.0208vw;
                        }
                        .icon_7{
                            width: 8.2813vw;
                            height: 8.2292vw;
                        }
                    }

                    .con_h5{
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        margin-bottom: 1.25vw;

                        .t{
                            font-size: 1.6667vw;
                            font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                            font-weight: 400;
                            color: #333333;
                            line-height: 2.5vw;
                            margin-bottom: .625vw;
                        }

                        .p{
                            font-size: 1.25vw;
                            font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                            font-weight: 400;
                            color: #999999;
                            line-height: 2.0833vw;
                        }
                    }

                    &:last-child{
                        flex-direction: row;
                        justify-content: center;
                        // cursor: pointer;

                        .dian{
                            width: 1.0417vw;
                            height: 1.0417vw;
                            background: #FF7C00;
                            border-radius: 50%;
                            margin-right: .7813vw;

                            &:last-child{
                                margin: 0;
                            }
                        }
                    }
                }
            }
        }
    }

    // 安装示意图
    .title_text{
        margin-top: 5.2083vw;
        margin-bottom: 3.5938vw;
    }

    .device_install{
        width: 78.0208vw;
        height: 54.1146vw;
        margin: 0 auto 5.2083vw;
    }

}

// H5
@media (max-width:@screen-xs-max){
    .banner{
        // 940px
        height: 125.8667vw;
        background: url('../images/index/h5/device_banner.png') no-repeat;
        background-size: 100% 100%;
        position: relative;

        img{
            width: 94.4vw;
            height: 54.4vw;
            position: absolute;
            left: 1.8667vw;
            bottom: 15.7333vw;
        }
    }

    // 山羊智能看护机器人
    .robot_box{
        padding-top: 9.6vw;
        margin-bottom: -13.8667vw;

        .p{
            font-size: 4.2667vw;
            font-family: SourceHanSansCN-Normal, SourceHanSansCN;
            font-weight: 400;
            color: #666666;
            line-height: 6.4vw;
            margin-bottom: 6.4vw;
        }

        .right{
            width: 94.6667vw;
            height: 89.6vw;
        }
    }

    // 设备安全简介
    .safe_article{
        padding: 9.0667vw 0 4vw;
        background: rgba(207,209,213,0.15);

        .title{
            font-size: 5.3333vw;
            font-family: SourceHanSansCN-Medium, SourceHanSansCN;
            font-weight: 500;
            color: #333333;
            line-height: 6.6667vw;
            margin-bottom: 5.6vw;
        }

        .list{
            padding-bottom: 1.0667vw;

            .item{
                min-height: 13.8667vw;
                border-radius: 2.1333vw;
                border: .2667vw solid #FF5A09;
                padding: 1.3333vw 0;
                margin-bottom: 3.2vw;
                display: flex;
                align-items: center;

                .icon{
                    width: 17.3333vw;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    .icon_1{
                        width: 13.0667vw;
                        height: 9.8667vw;
                    }
                    .icon_2{
                        width: 14.4vw;
                        height: 13.6vw;
                    }
                    .icon_3{
                        width: 12vw;
                        height: 12vw;
                    }
                    .icon_4{
                        width: 9.8667vw;
                        height: 13.8667vw;
                    }
                    .icon_5{
                        width: 12.5333vw;
                        height: 12.5333vw;
                    }
                    .icon_6{
                        width: 11.4667vw;
                        height: 12.2667vw;
                    }
                    .icon_7{
                        width: 12.8vw;
                        height: 12.8vw;
                    }
                }

                .con_h5{

                    .t{
                        font-size: 3.7333vw;
                        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
                        font-weight: 500;
                        color: #333333;
                        line-height: 5.6vw;
                        margin-bottom: .5333vw;
                    }

                    .p{
                        display: inline-block;
                        font-size: 3.2vw;
                        font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                        font-weight: 400;
                        color: #666666;
                        line-height: 4.8vw;
                    }
                }
            }
        }

        .more{
            display: block;
            width: 21.3333vw;
            height: 12vw;
            background: #FF7C00;
            border-radius: 1.6vw;
            text-align: center;
            font-size: 4.2667vw;
            font-family: SourceHanSansCN-Medium, SourceHanSansCN;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 12vw;
            margin: 0 auto;
        }
    }

    // 安装示意图
    .title_text{
        padding: 9.6vw 4vw 6.4vw;
        text-align: center;
        font-size: 6.4vw;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #333333;
        line-height: 9.6vw;
    }

    .device_install{
        width: 91.4667vw;
        height: 72.5333vw;
        margin: 0 auto 9.6vw;
    }
}