@charset "utf-8";

.index-s1-out{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.3rem;z-index: 2;}
.index-s1{
 display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background:#fff;
    border-radius: .1rem;
    overflow: hidden;
    box-shadow: 0rem 0rem 0.2rem 0rem rgba(0, 0, 0, 0.1);
    }
.index-s1 .left{width: 1rem;display: flex;align-items: center;flex-direction: column;justify-content: center;background: linear-gradient(180deg, #183497 0%, #0393DF 100%);;}
.index-s1 .left span{display: block;font-size: .32rem;line-height: .42rem;color: #fff;}
.index-s1 .right{width: calc(100% - 1rem);padding: 0.3rem;}

/* .index-s1 .tab-tit1{display: flex;align-items: center;justify-content: center;margin-bottom: 0.2rem;}
.index-s1 .tab-tit1 .li{position: relative;cursor: pointer;width: 1.2rem;box-sizing: border-box;border-radius: 1000px;border: 1px solid #183497;display: flex;justify-content: center;align-items: center;}
.index-s1 .tab-tit1 .li+.li{margin-left: 0.1rem;}
.index-s1 .tab-tit1 .li span{font-size: .18rem;line-height: .36rem;color: #666666;transition: .5s;text-align: center;}
.index-s1 .tab-tit1 .li.active{background: linear-gradient(180deg, #183497 0%, #0393DF 100%);border: none;}
.index-s1 .tab-tit1 .li.active span{color: #FFFFFF;font-weight: 700;} */

.index-s1 .tab-tit1{display: flex;flex-wrap: wrap;justify-content: center;border-bottom: 1px solid #E4E4E4;margin-bottom: 0.2rem;}
.index-s1 .tab-tit1 .li{font-size: .2rem;color: #666666;line-height: .5rem;position: relative;transition: .5s;cursor: pointer;margin: 0 0.2rem;}
.index-s1 .tab-tit1 .li:before{position: absolute;content: '';left: 0;right: 0;bottom: -0.01rem;height: 0.01rem;background: #0075C2;opacity: 0;visibility: hidden;transition: .5s;}
.index-s1 .tab-tit1 .li:after{position: absolute;content: '';left: 50%;top: calc(100% - 0.03rem);width: 0.06rem;height: 0.06rem;background: #0075C2;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: .5s;border-radius: 0.03rem;}
.index-s1 .tab-tit1 .li.active:before,
.index-s1 .tab-tit1 .li.active:after{opacity: 1;visibility: visible;}
.index-s1 .tab-tit1 .li.active{color: #2D57AA;font-weight: 700;}

.list_box1{padding: 0 0.3rem;}
.list_box1 li a{display: block;}
.list_box1 li a img{display: block;width: 100%;max-width: 0.9rem;margin: 0 auto;transition: .5s;}
.list_box1 li a h3{margin-top: .1rem;font-size: .18rem;line-height: .24rem;color: #333333;text-align: center;transition: .5s;}
.list_box1 li:hover a h3{color: #2D57AA;font-weight: 700;}
.list_box1 li:hover a img{animation: up-down 2s infinite forwards;}

@keyframes up-down {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    50% {
        opacity: .8;
        transform: translateY(-3px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.index-s1 .child2,
.index-s1 .child1{opacity: 0;height: 0;transform: scale(0);}
.index-s1 .child2.active,
.index-s1 .child1.active{opacity: 1;height: auto;transform: none;}
.index-s1 .tab-cont2{margin-top: .26rem;}
.index-s1 .tab-cont1{padding: 0 .1rem;}




@media (max-width: 1200px){
	.index-s1-out{position: relative;margin-top: 0.2rem;bottom: auto;left: auto;transform: translateX(0);}
	
}

@media (max-width: 1025px){
    .index-s1 .left{width: 100%;flex-direction: row;justify-content: center;padding: .15rem ;}
    .index-s1 .left span{font-size: .26rem;line-height: .3rem;}
    .index-s1 .right{width: 100%;}
    .index-s1 .tab-cont1{padding: 0 0 .2rem;}
    .index-s1 .tab-tit2 .li{line-height: .6rem;font-size: .18rem;}
    .list_box1 li a img{width: 0.9rem;}
	.list_box1 .swiper-button-prev{left: 0;}
	.list_box1 .swiper-button-next{right: 0;}
}

@media (max-width: 768px){
	.index-s1-out{padding: 0;}
    /* .index-s1 .tab-tit1 .li{padding: 0 .1rem;} */
    .index-s1 .tab-tit1 .li{width: 30%;text-align: center;line-height: .52rem;margin: 0;}
    .index-s1 .tab-tit1{gap: 0 2%;}
	/* .index-s1 .tab-tit1 .li{width: 26vw;} */

    .list_box1 li a img{max-width: 100%;}
    .index-s1 .tab-cont2 {margin-top: 0.1rem;}
}

@media (max-width: 641px){
    .index-s1 .tab-tit1 .li{display: flex;align-items: center;justify-content: center;line-height: .26rem;height: .5rem;}
}
@media (max-width: 491px){
	.index-s1 .tab-tit1{margin-top: 0.1rem;}
	/* .index-s1 .tab-tit1 .li{width: 46vw;} */
	/* .index-s1 .tab-tit1 .li{width: 49%;} */
    .index-s1 .tab-tit1 .dx{width: 32%;}
	.index-s1 .tab-cont1{padding: 0;}
	.index-s1 .right{padding: 0.2rem 0.16rem;}
	.list_box1 li a img{width: 0.7rem;}
	.list_box1 li a h3{margin-top: 0.04rem;}

}


.index-link{padding: 0 0.4rem;position: relative;margin-top: 0.2rem;}
.index-link ul{}
.index-link ul li{}
.index-link ul li a{display: block;}
.index-link ul li a img{display: block;margin: 0 auto;width: 0.6rem;}
.index-link ul li a p{font-size: 0.18rem;line-height: 0.28rem;color: #323232;text-align: center;display: block;margin-top: 0.12rem;}
@media (max-width: 491px){
	.index-link ul li a img{width: 0.5rem;}
	.list_box1 .swiper-button-prev{background-size: 0.24rem;}
	.list_box1 .swiper-button-next{background-size: 0.24rem;}
	.index-link .swiper-button-prev{background-size: 0.24rem;}
	.index-link .swiper-button-next{background-size: 0.24rem;}
}