@media screen and (min-width: 1020px) {

    .proDetail {

        padding: 40px 20px;

       /* width:100%;*/

     /*   float: left;*/

    }

    .right-relation{

        width: 18%;

        float: right;

        height: auto;

        background: #fff;

    }

    .father{

        overflow: hidden;

    }

    .right-relation ul li{

        float: none;

        padding: 5px;

    }

    .right-des{

        margin: auto;

        border-top: 1px solid #e0e0e0;

    }

    .right-relation h4

{

    padding: 5px 15px;

    border-bottom: 1px solid #fbb947;

}





    .right-des .name

{

    color: #333;

    font-size: 14px;

    padding: 10px 0;

}



    .right-des .detail

{

    color: #666;

    font-size: 12px;

}

    .right-pic:hover img {

        transform: scale(1.2);

        -webkit-transform: scale(1.2);

        -ms-transform: scale(1.2);

        transition: 0.6s;

        -webkit-transition: 0.6s;

        -moz-transition: 0.6s;

        -o-transition: 0.6s;

    }

    .right-pic{

        overflow: hidden;

    }

    .right-pic img {



        transition: 0.6s;

        -webkit-transition: 0.6s;

        -moz-transition: 0.6s;

        -o-transition: 0.6s;

    }

}



@media screen and (max-width: 1019px) {

    .right-relation{

        display: none !important;

    }

}