.intro-bx {padding-top:88px;padding-bottom:40px;}
.intro-tit svg{display:block;margin-bottom:15px;} 
.intro-tit {font-size:22px;color:#888;font-weight:700;line-height:30px;margin-bottom:30px;}
.intro-point {}
.intro-point .point-num {width:65px;height:25px;background:#333;color:#fff;border-radius:50px;font-size:12px;font-weight:bold;display:flex;justify-content:center;align-items:center;margin:0 auto;}
.intro-point .point-tit {font-size:22px;font-weight:700;color:#333;line-height:30px;margin:10px 0 33px 0;}
.intro-point .point-tit em {color:#3182F6;}
.intro-point .sub-point{font-size:18px;line-height:26px;color:#333;font-weight:700;margin:33px 0 17px 0;}
.intro-point .sub-point em {color:#3182F6;display:block;}

.intro-point .sub-txt {font-size:16px;line-height:22px;color:#555;}
.intro-point .sub-txt b{font-weight:700;}

.intro-bx .swiper-slide{padding:0 20px;}

.point-img{width:360px; animation: shake-hand 3s infinite ease-in-out;
    transform-origin: center;}

@keyframes shake-hand {
    0% { transform: rotate(10deg); }

    50% { transform: rotate(-10deg); }

    100% { transform: rotate(10deg); }
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {bottom:auto;top:25px;}


 .intro-point > div{   background: #F7F8F9;background:#F7F8F9;border-radius:15px;padding:45px 20px;text-align:center;}
.intro-point > div:not(:last-child) {margin-bottom:24px;}

.point-img-sub {width:316px;}
.intro-sub-con {position:relative;display:flex;align-items: center;justify-content: center;}

@keyframes blink01 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0;scale:0.5; }
}

@keyframes blink02 {
    0%, 100% { opacity: 0; scale:0.5;}
    50% { opacity: 1;  scale:1;}
}

.sub-point01 {
    animation: blink01 3s infinite ;margin-top:-10px;
}

.sub-point02 {
    animation: blink02 3s infinite ;margin-top:-35px;
}


.intro-sub-con2{position:relative;display:inline-block;}
@keyframes sparkle1 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0; transform: scale(0.8); }
}

@keyframes sparkle2 {
    0%, 100% { opacity: 1; transform: scale(1); }
    40% { opacity: 0.5; transform: scale(0.9); }
    80% { opacity: 0; transform: scale(0.7); }
}

@keyframes sparkle3 {
    0%, 100% { opacity: 1; transform: scale(1); }

    50% { opacity: 0; transform: scale(0.75); }
}

.intro-sub-con2 .sub2-point01 {
    position: absolute;
    left: 0;
    top: 0;
    animation: sparkle1 1.5s infinite alternate ;
}

.intro-sub-con2 .sub2-point02 {
    position: absolute;
    right: -22px;
    top: 72px;
    width: 44px;
    animation: sparkle2 2s infinite alternate ;
}

.intro-sub-con2 .sub2-point03 {
    position: absolute;
    right: 120px;
    bottom: -22px;
    width: 44px;
    animation: sparkle3 2.5s infinite alternate ;
}


@media (max-width:375px){
	.point-img{width:240px;}
}

@media (max-width:600px){
	.point-img-sub {width:160px;}
}

@media (max-width:500px){

.intro-sub-con2 .sub2-point01 {
    position: absolute;
    left: 0;
    top: 0;
	width:32px;
}

.intro-sub-con2 .sub2-point02 {
    position: absolute;
    right: -11px;
    top: 36px;
    width: 22px;
}

.intro-sub-con2 .sub2-point03 {
    position: absolute;
    right: 60px;
    bottom: -11px;
    width: 22px;
}

}

.intro-point > div:nth-child(3) .sub-point em{display:inline-block;}
.go-remember {position:fixed;width:100%;height:60px;border-radius:15px;background:#3182F6;color:#fff;font-size:18px;font-weight:700;display:flex;justify-content:center;align-items:center;bottom:20px;z-index:1;max-width:560px;left:50%;transform:translateX(-50%);
}

@media (max-width:600px){
	.go-remember {width:calc(100% - 40px);}
}


.production-list  > li{background:#F3F4F5;border-radius:15px;padding:22px 20px;display:flex;align-items:center;}
.production-list  > li .icon-bx{width:55px;height:55px;background:#fff;border-radius:8px;display:flex;justify-content:center;align-items:center;}
.production-list  > li .txt-bx {width:calc(100% - 55px);padding-left:10px;}
.production-list  > li .txt-bx span {font-size:12px;color:#3182F6;font-weight:700;}
.production-list  > li .txt-bx p {font-size:16px;color:#333;margin-top:10px;}
.production-list  > li:not(:last-child){margin-bottom:15px;}

@media (max-width:600px){
	.sub-point01,
	.sub-point02 {width:50.5px;}

	.point-img{width:240px;}
}

.swiper-pagination-bullet{width:10px;height:10px;background:#F3F4F5;opacity:1;}

.swiper-pagination-bullet-active {background:#3182F6}