.search{padding-top: 180px;background: #fafafa;}

.search .ce{background:#fafafa;}

.search .ct{text-align: center;}

.search .ct2{text-align: center;}


.search .ct span{color: #e7004c;}

.search .ct2 span{color: #e7004c;}

.search .i2 .ul1{background: #fafafa;}

.search2{background: #fafafa;position: relative;z-index: 10;padding:50px 0 150px;}

.search2  .search2_con{width: 79%;margin: 0 auto;}

.search2  .ul .li{border-top: 1px solid #dddddd;padding: 16px 0;}

.search2  .ul .li a{display: block;}

.search2 .l1{font-family: pop4;letter-spacing: 1.2px;margin-bottom: 20px;color: #999999;}

.search2 .l2{letter-spacing: 1.3px; overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}

.search2  .ul .li:hover .l2{color: #e7004c;}


.i2{z-index: 2;}

.i2 .ul1{padding: 80px 50px;background: #fff;display: flex;justify-content: center;}

.i2 .ul1 li{width: 25%;text-align: center;cursor: pointer;}

.i2 .ul1 li .img{display: block;width: 100%;}

.i2 .ul1 li .img img{margin: 0 auto;max-width: 420px;width: 100%;transform: scale(1.000000000000001);-webkit-transform: scale(1.000000000000001);}

.i2 .ul1 li .txt{color: #000;position: relative;z-index: 2;}

.i2 .ul1 li .txt .ltc{letter-spacing: 1.3px; color: #555;}

.i2 .ul1 li .txt .ltt{margin: 10px 0 20px;letter-spacing: 1.2px;color: #555; }

.i2 .ul1 li .txt .more{display: block;width: 160px;line-height: 50px; background: #e7004c; text-align: center;position: relative;overflow: hidden;z-index: 3;margin: 0 auto;font-size: 14px;}

.i2 .ul1 li .txt .more span{position: relative;z-index: 3;color: #fff;letter-spacing: 2px;}

.i2 .ul1 li .txt .more s{display: block;width: 100%;height: 100%;top: 0;right: 0;z-index: 1;background: #000;position: absolute;}

.i2 .ul1 li .txt .more:hover s{height: 0%;}

.i2 .ul1 li .txt .more:hover span{color: #fff;}

.i2 .ul1 li:hover .txt .more{opacity: 1;}

.i2 .ul1 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}



.i2 .ibtm{position: relative;overflow: hidden;}

.i2 .ibtm .s{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}

.i2 .ibtm .s s{display: block;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;display: none;}

.i2 .ibtm .s s:nth-child(1){display: block;}




@media screen and (max-width:1200px) {
    .search{padding-top: 50px;}

    .i2 .ul1 li{width: 50%;margin-bottom: 50px;}

    .i2 .ul1 li .img{transform: scale(1.5);padding-bottom: 60px;}

    .search .i2 .ul1{padding: 80px 0;}
}

@media screen and (max-width:800px) {
    .i2 .ul1 li .img{padding-bottom: 40px;}

    .search .i2 .ul1{padding: 80px 0 30px;flex-wrap: wrap;}

    .search2 .search2_con{width: 90%;}

}