.main_mina{ background-color: #f6f7f9; } .main_mina div[class*=col-sm-]:nth-child(3n+1){clear:both;} .main_mina div[class*=col-sm-]:nth-child(1n+4){margin-top:30px;} .list_item{ background-color: white; cursor: pointer; } .list_item img{ max-width: 100%; } .list_item .list_item_box .title{font-size:24px;color:#111;} .list_item .list_item_box p{font-size:16px;} .list_item .list_item_box .more{font-size:14px;opacity:0;} .list_item .list_item_box{padding: 30px 56px;} .list_item:hover .list_item_box .more{opacity:1;} .list_item:hover .list_item_box .title{color:#0a2a8f;} .list_item_box span{ margin-left: 15px; } .over_hidden img{ transition: all .5s; } .over_hidden:hover .backsi{ transform: scale(1.2); } .backsi{ transition: all .5s; } /* 分页 */ .paging{ margin:40px 0 80px; } .paging .pagination{ } .paging .pagination > li > a, .paging .pagination > li > span{font-size:14px;color:#727171;border:none;background:none;margin:0 5px;} .paging .pagination li.active a, .paging .pagination li a:hover{background: #0A2A8F;color:#fff;border-radius:0;} .anlibb{ padding-bottom: 50px; } h3{ text-align: center; font-size: 46px; font-weight: 400; } .anlibb_box{ position: absolute; top: 0; left: 0; width: 30%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: white; display: flex; justify-content: center; align-items: center; } .ttti{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; } /* 合作客户 */ .cooperate{ padding: 50px 0px; } .cooperate h3{ text-align: center; font-weight: 400; font-size: 46px; } .swiper-container { width: 100%; } .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide div{ background-color: #f6f8fb; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .swiper2{ transform: rotate(180deg); } .swiper2 .swiper-slide{ transform: rotate(180deg); } /* 无缝轮播类名 */ .swiper-wrapper{ transition-timing-function:linear !important; } @media(max-width:767px){ .list_item .list_item_box{padding:20px 15px;} .list_item .list_item_box .title{font-size:16px;} .list_item .list_item_box p{font-size:12px;line-height:1.6;margin-bottom:10px;min-height:38.38px;} .list_item_box span{font-size:12px;} .list_item .more img{width:30px;} .main_mina .row{margin-left:-8px;margin-right:-8px;} .main_mina div[class*=col-]{padding:0 8px;} .main_mina div[class*=col-sm-]:nth-child(3n+1){clear:none;} .main_mina div[class*=col-sm-]:nth-child(2n+1){clear:both;} .main_mina div[class*=col-]:nth-child(1n+3){margin-top:10px;} .paging .pagination > li > a, .paging .pagination > li > span{font-size:12px;padding:1px 6px;margin: 0 3px;} .paging .pagination > li > span.current{background:#0A2A8F;color:#fff;} .cooperate h3{font-size:22px;} .cooperate{padding:40px 0;} .swiper-container{margin:30px 0;} .swiper-slide div{height:auto;} } @media (min-width:992px) and (max-width:1366px) { .list_item .list_item_box .title{font-size:20px;} .list_item .list_item_box p{font-size:14px;min-height:50px;} .list_item .list_item_box {padding:30px 40px;} .paging{margin:30px 0 75px;} } @media (min-width:1367px) and (max-width:1440px) { } @media (min-width:1441px) and (max-width:1680px) { }