.insol{ padding: 50px 0; }
.insol .clean{ width: 100%; clear: both; }
.insol .content1{ max-width: 1400px; margin: 0 auto; }
.insol .lmtit{ text-align: center; margin-bottom: 30px; position: relative; }
.insol .lmtit .en{ font-size: 50px; font-weight: bold; opacity: .1; position: absolute; width: 100%; }
.insol .lmtit .b{ font-size: 32px; font-weight: bold; padding-top: 30px; margin-bottom: 10px; }
.insol .lmtit .s{ color: #666; }
.insol .list{ position: relative; }
.insol .list ul{ margin: 0; display: flex; flex-wrap: wrap; width: 102%; left: -1%; position: relative; }
.insol .list ul li{ width: 18%; margin: 0 1%; float: left; padding-bottom: 10px; }
.insol .list ul li .ico{ width: 70px; height: 70px; line-height: 70px; background: #1569b1; border-radius: 50%; margin: 0 auto 10px; overflow: hidden; text-align: center; transition: all .5s; }
.insol .list ul li .ico img{ max-width: 40px; max-height: 40px; filter: drop-shadow(#fff 80px 0); transform: translateX(-80px); display: inline-block; }
.insol .list ul li .tit{ font-size: 20px; font-weight: bold; text-align: center; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; transition: all .5s; }
.insol .list ul li .stit{ font-size: 14px; color: #333; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 5px; }
.insol .list ul li .jj{ font-size: 14px; color: #999; line-height: 22px; height: 44px; overflow: hidden; }

.insol .list ul li:hover .ico{ transform: rotateY(180deg); }
.insol .list ul li:hover .tit{ color: #1569b1; }
.insol .nav{ margin-top: 20px; display: flex; flex-wrap: wrap; width: 102%; left: -1%; position: relative; }
.insol .nav .li{ width: 18%; margin: 0 1%; float: left; }
.insol .nav .li .tit{ background: #1569b1; padding: 20px; font-size: 16px; color: #fff; text-align: center; }
.insol .nav .li a{ display: block; height: 35px; line-height: 35px; border-radius: 5px; background: #f5f5f5;  padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; text-align: center; transition: all .5s; }
.insol .nav .li a:hover{ background: #1569b1; color: #fff; }
@media (max-width:1024px){
    .insol{ padding: 30px 0; }
    .insol .content1{ padding: 0 10px; }
    .insol .lmtit{ margin-bottom: 20px; }
    .insol .lmtit .en{ font-size: 40px; }
    .insol .lmtit .b{ font-size: 20px; margin-bottom: 5px; }
    .insol .list .xian{ display: none; }
    .insol .list ul{ margin: 0; }
    .insol .list ul li,.insol .list ul li:nth-child(odd){ padding: 0; width: 100%; margin-bottom: 20px; }
    .insol .list ul li:before{ display: none; }
    .insol .list ul li .stit{ height: auto; }
    .insol .list ul li .jj{ height: auto; }
    .insol .nav{ margin-top: 0; }
    .insol .nav .li{ width: 98%; margin-top: 15px; }
}