<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.product {margin: 50px 0px 50px 0px;}
.en_b_list{}
.en_b_list .en_b_ul{  display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;}
.en_b_list ul{width:100%;margin-top:15px;height: 55px;}
.en_b_list ul li{line-height: 55px;height: 55px;margin: 10px 5px 0 0;border-radius: 50px;background-color:#0158a8; display: inline-block;}
.en_b_list ul li a{line-height: 55px;height: 55px;color: #fff;display: block;padding: 0 36px}
.en_b_list ul li:hover{background-color:#ff5822}


.product .pic_item_box{height:auto;  }
.product .pic_item { border: 1px solid #eee;position: relative;transition: all 0.5s ease;}
.product .pic_item .pic{ width: 100%;overflow: hidden;}
.product .pic_item .pic img{height:260px;width:100%; overflow: hidden;object-fit: cover;object-position: top; transition: all 0.5s ease;}
.product .pic_item .name{height:50px; width: 100%;background-color:#0158a8;line-height: 50px;font-size: 16px;text-align: center;color: #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product .pic_item .name i{position: absolute; right: 30px; bottom:35px;color: #fff;transition: all 0.5s ease;}
.product .pic_item:hover .pic img{ transform: scale(1.1);    transition: all 1s ease }
.product .pic_item:hover .name{ background-color:#155bb5;color:#fff }
.product .pic_item:hover .name i{ position: absolute; right: 0px;color: #fff;transition: all 0.5s ease;}



/* 小于1000px  */
@media only screen and (max-width: 1000px) {	

.product .pic_item .pic img{height:150px;width:100%; overflow: hidden;object-fit: cover;object-position: top;}


}
</pre></body></html>