*{

    margin: 0;

    padding: 0;

    list-style: none;

}

img{

    border: none;

}





body{
    min-width: 1250px;
    margin: auto;
    padding: 0px;
    font-family:"Microsoft YaHei";

}

/*------------单行省略------------*/

.ellipsis1{

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow:hidden;

}





/*------------多行省略------------*/

.ellipsis{

    text-overflow: ellipsis;

    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/

    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

    -webkit-line-clamp: 2; /** 显示的行数 **/

    overflow: hidden;  /** 隐藏超出的内容 **/

}

.ellipsis3{

    text-overflow: ellipsis;

    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/

    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

    -webkit-line-clamp: 3; /** 显示的行数 **/

    overflow: hidden;  /** 隐藏超出的内容 **/

}

.ellipsis4{

    text-overflow: ellipsis;

    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/

    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

    -webkit-line-clamp: 4; /** 显示的行数 **/

    overflow: hidden;  /** 隐藏超出的内容 **/

}

.ellipsis5{

    text-overflow: ellipsis;

    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/

    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

    -webkit-line-clamp: 5; /** 显示的行数 **/

    overflow: hidden;  /** 隐藏超出的内容 **/

}

.ellipsis7{

    text-overflow: ellipsis;

   /* display: -webkit-box; *//** 对象作为伸缩盒子模型显示 **/

    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

    -webkit-line-clamp: 7; /** 显示的行数 **/

    overflow: hidden;  /** 隐藏超出的内容 **/

}



.btn_c:hover{

    animation:1s linear 0s normal none 1 running su-pudding;

    transition: all 0.5s ease 0s;

}



.fang_img{

    -webkit-transform: scale(1);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration: 1183ms;

    -moz-transform: scale(1);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration: 1183ms;

}

.fang_img:hover{

    -webkit-transform: scale(1.4);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration: 1183ms;

    -moz-transform: scale(1.4);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration: 1183ms;

}





@keyframes su-pudding {

    0% {

        transform: scale(1.2, 0.8);

    }

    1% {

        transform: scale(1.18, 0.82);

    }

    2% {

        transform: scale(1.16, 0.84);

    }

    3% {

        transform: scale(1.13, 0.87);

    }

    4% {

        transform: scale(1.1, 0.9);

    }

    5% {

        transform: scale(1.07, 0.93);

    }

    6% {

        transform: scale(1.04, 0.96);

    }

    7% {

        transform: scale(1.01, 0.99);

    }

    8% {

        transform: scale(0.99, 1.01);

    }

    9% {

        transform: scale(0.97, 1.03);

    }

    10% {

        transform: scale(0.95, 1.05);

    }

    11% {

        transform: scale(0.94, 1.06);

    }

    12% {

        transform: scale(0.93, 1.07);

    }

    13% {

        transform: scale(0.93, 1.07);

    }

    14% {

        transform: scale(0.93, 1.07);

    }

    15% {

        transform: scale(0.93, 1.07);

    }

    16% {

        transform: scale(0.94, 1.06);

    }

    17% {

        transform: scale(0.94, 1.06);

    }

    18% {

        transform: scale(0.95, 1.05);

    }

    19% {

        transform: scale(0.96, 1.04);

    }

    20% {

        transform: scale(0.98, 1.02);

    }

    21% {

        transform: scale(0.99, 1.01);

    }

    22% {

        transform: scale(1, 1);

    }

    23% {

        transform: scale(1, 1);

    }

    24% {

        transform: scale(1.01, 0.99);

    }

    25% {

        transform: scale(1.02, 0.98);

    }

    26% {

        transform: scale(1.02, 0.98);

    }

    27% {

        transform: scale(1.02, 0.98);

    }

    28% {

        transform: scale(1.03, 0.97);

    }

    29% {

        transform: scale(1.03, 0.97);

    }

    30% {

        transform: scale(1.02, 0.98);

    }

    31% {

        transform: scale(1.02, 0.98);

    }

    32% {

        transform: scale(1.02, 0.98);

    }

    33% {

        transform: scale(1.02, 0.98);

    }

    34% {

        transform: scale(1.01, 0.99);

    }

    35% {

        transform: scale(1.01, 0.99);

    }

    36% {

        transform: scale(1.01, 0.99);

    }

    37% {

        transform: scale(1, 1);

    }

    38% {

        transform: scale(1, 1);

    }

    39% {

        transform: scale(1, 1);

    }

    40% {

        transform: scale(0.99, 1.01);

    }

    41% {

        transform: scale(0.99, 1.01);

    }

    42% {

        transform: scale(0.99, 1.01);

    }

    43% {

        transform: scale(0.99, 1.01);

    }

    44% {

        transform: scale(0.99, 1.01);

    }

    45% {

        transform: scale(0.99, 1.01);

    }

    46% {

        transform: scale(0.99, 1.01);

    }

    47% {

        transform: scale(0.99, 1.01);

    }

    48% {

        transform: scale(0.99, 1.01);

    }

    49% {

        transform: scale(1, 1);

    }

}