.yuntai{
    margin-top: 80px;
    width: 100%;
}
.mobile-homecamera2 h5{
    font-size: 18px;
    line-height: 1.4446;
}
.col_12{
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
.first{
    width:100%;
    margin-left: auto;
    margin-right: auto;
    height:auto;

    border:0px solid #000;

}
.first2{
    width:100%;
    margin-left: auto;
    margin-right: auto;
    border:0px solid #000;
    text-align: center;
    margin-bottom: 66px;
    padding-left: 3%;

}
.first .title{
    width: 100%;
    font-size: 30px;
    color:#3c3c3c;
    margin-top: 66px;
    float:left;
}
.first2 .title{
    width: 100%;
    font-size: 24px;
    color:#3c3c3c;
    margin-top: 66px;

}


.container2_first{
    padding-top: 2%;
    width: 100%;
}
.fir_1{
    margin-left: 30%;
}
.fir_2{
    margin-left: 3%;
}

.first .first_div1{
    width: 35%;
    float:left;
}
.first .first_div2{
    width: 65%;
    float:left;
}
.first .first_div2 .top_text ul li{
    list-style-type: none;
    float: left;
    width: 185px;
    margin-right: 12px;
    margin-bottom: 60px;
}
.top_text{
    margin-top: 70px;
    margin-left: 70px;
}
.br-top{
    border-top: 1px solid #e0e0e0;
    margin-top: 350px;
    width: 81%;
    margin-left: 110px;
}
.color-nav{
    display: inline-block;
    text-align: center;
    list-style: none;
    margin-left: 60px;
    margin-top: 60px;
}
.color-nav li{
    display: inline-block;
    text-align: center;
    list-style: none;
}
.color-nav li span{
    display: block;
    width: 40px;
    height: 40px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    margin: 0px 10px 14px;
    border-radius: 22px;
    border: 1px solid rgb(172, 172, 172);

}
.bai{
    background-color: #eeeeee;
}

.blue_font{
    color: #1b97d7;
}


.first .first_div2 ul li .name{
    display: block;
    color: #3c3c3c;
    font-size: 25px;
    text-align: left;
}
.first .first_div2 ul li .text{
    font-size: 15px;
    color: #686868;
    margin-top: 10px;
}
.weight{
    border-top:1px solid #e0e0e0;
    width: 100%;
    float:left;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}
.weight_images_1{
    float:right;width:30%;
}
.weight_images_2{
    float:right;width:30%; margin-top:-5%; padding-bottom:4%;
}
.weight_images_3{
    float:right;width:14%; margin-top:-5%;padding-bottom:4%;
}
.weight_images_4{
    float:left;width:auto; margin-top:5%;padding-bottom:4%;
}
@media (max-width:1028px){
    .weight_images_4{
        float:left;width:50%; margin-top:5%;padding-bottom:4%;
    }
    .weight_images_5{
        float:left;width:90%; margin-top:5%;padding-bottom:4%;
    }
    .weight_images_3{
        float:right;width:25%; margin-top:2%;padding-bottom:4%;
    }
}
.font-18{font-size: 18px}



.weight .title_long{
    width: 100%;
    font-size: 30px;
    color:#3c3c3c;
    padding-top:5%;
    float:left;

}
.weight .title{
    width: 21%;
    font-size: 30px;
    color:#3c3c3c;
    padding-top:2%;
    float:left;
    padding-bottom: 2%;
}
.weight .name{
    width:auto;
}
.weight .param{
    font-size: 18px;
    color:#686868;
    padding-top:3%;
    padding-bottom: 2%;
    float:left;
    width:79%;
}
.last-buy{
    border-top: 1px solid #e0e0e0;
    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    padding-top: 7%;
    padding-bottom: 5%;
}

.last-buy img{
    width: 50%;
}
.last-buy-now{
    width: 140px;
    height: 40px;
    background-color: #d9194a;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    margin-top: 5%;
    cursor: pointer;
}
.text-h3{
    font-weight: bold;
    margin-top: 6%;
}
.text-h3-2{
    color: #d9194a;
    font-weight: bold;
    margin-top: 5%;
}

.container_first{
    padding-top: 1%;
    width:100%;float:left;
    padding-left: 0%;
}
.container_first img{width:80%;}
@media (min-width: 1200px){
    .name-a17{
        width: 86%!important;
        float: left;
    }
    .weight_images_3{
        margin-top: 0;
    }
}
@media (max-width:1028px){
    .last-buy img {
        width: 90%;
    }

    .first .weight .title{display: none}
    .container_first{
        padding-top: 2%;
        width:100%;float:left;
    }
    .weight .name{
        width:100%;
    }
    .container_first img{width:100%;float:left;}
    .weight .title{
        width: 100%;
        font-size: 25px;
        color:#3c3c3c;
        padding-top:3%;
        float:left;
    }
    .weight .param{
        font-size: 16px;
        color:#686868;
        padding-top:3%;
        float:left;
        width: 97%;
    }
    body{
        font-size: 12px;}

    .weight{
        border-top:1px solid #e0e0e0;
        width: 100%;
        float:left;
        margin-left: auto;
        margin-right: auto;
        position:relative;
    }
    .weight .title_long{
        width: 100%;
        font-size: 25px;
        color:#3c3c3c;
        padding-top:5%;
        float:left;

    }
    /*.overflow-a{overflow: auto}*/
    /*.weight .overflow-s{overflow: scroll;width: 450px;}*/
    .weight_images_2{
        float:right;width:50%; margin-top:2%; padding-bottom:4%;
    }
    .weight_images_1{
        float:right;width:50%;
        margin-top: 2%;
    }
    .font-18{font-size: 16px}
}

.list{width:100%;float:left;font-size:18px;padding-right:2%; padding-left:2%; padding-top:2%; padding-bottom:2%}
@media (max-width:1028px){
    .list{width:100%;float:left;font-size:16px;padding-right:2%; padding-left:2%; padding-top:2%; padding-bottom:2%;word-wrap:break-word}
    .first{padding-left: 3%}
    .weight{padding-left: 3%}
}

.list-20{width:20%;float:left;}
.list-25{width:25%;float:left;}
.list-33{width:33.33%;float:left;}
.list-40{width:40%;float:left;}
.list-80{width:80%;float:left;padding-left: 17%}
.list-100{width:100%;float:left;}
.top{ margin-top:3%;}
.bord-bottom{border-bottom:#e0e0e0 solid 1px;}
.padding-bottom-none{padding-bottom:0}
.wordwrap{word-wrap: break-word}