@charset "utf-8";
.layui-layer {transition: none;}
/* title */
.index-title {padding: 0 15px 40px 15px;text-align: center;}
.index-title h3 {position: relative;font-size: 30px;}
.index-title h3 span{color: var(--default);}
.index-title p {position: relative;margin-top: 15px;font-size: 16px;color: #777;text-transform: uppercase;}
.index-title img {position: relative;max-width: 100%;}
/* .index-title p:before{position: absolute; bottom: 0; left: 50%; content: ''; margin-left: -25px; width: 50px; height: 3px; background-color: var(--mColor);} */
.index-title-white {color: #fff;}
.index-title-white h3:before {background-color: #fff;}
.index-title-white p {color: #fff;}
.index-title-default h3{color: var(--default);}
.index-title-left{padding-left: 0; }
.index-title-left h3{text-align: left;}
@media (max-width:768px) {
    .index-title {padding-bottom: 30px;}
    .index-title h3 {font-size: 22px;}
    .index-title p {font-size: 14px;}
}
@media (max-width:640px) {
    .index-title h3 {font-size: 18px;}
    .index-title p {font-size: 12px;}
}

.index-more {margin-top: 30px;text-align: center;}
.index-more a {position: relative;display: inline-block;padding: 0 55px;line-height: 40px;font-size: 16px;background-color: var(--mColor);color: #fff;}

/* .index-more .index-more-ico{position: absolute; z-index: 1; bottom: -20px; right: 0;}
.index-more .index-more-ico img{ animation: curClick 2s 1;}
.index-more .index-more-ico::before{position: absolute; top: -8px; left: 5px; content: ''; z-index: -1; width: 25px; height: 25px; border-radius: 50%; border: 2px solid #fff;opacity: 0; animation: curBig 1.5s ease-in infinite;} */

.index-more a:hover {opacity: .7;}


@keyframes curClick {
    from {transform: translateY(10px);}

    to {transform: translateY(0);}
}

@keyframes curBig {
    from {transform: scale(0);opacity: 0;}

    to {transform: scale(1);opacity: 1;}
}

/* banner */
.index-banner .swiper-slide img {width: 100%;}
.index-banner .swiper-pagination span {background-color:rgba(255,255,255,.9);}
.index-banner .swiper-pagination .swiper-pagination-bullet-active {background-color: #fff;}

@media (max-width:768px) {
    .index-banner{margin-top: 60px;}
}