@charset "UTF-8";
/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
.indexKv{position: relative;overflow:hidden;}
.indexKv .swiper-wrapper{height:100%;}
.indexKv .sbtn{position: absolute;top:50%;transform: translateY(-50%);display:inline-block;width:26px;height:70px;background-color:#535353;background-repeat:no-repeat;z-index:9;cursor:pointer;background-size:16px auto;transition:all .3s;}
.indexKv .sbtn.prev{left:0;background-image:url(../images/index/prev.svg);background-position:4px center}
.indexKv .sbtn.next{right:0;background-image:url(../images/index/next.svg);background-position:6px center}
.indexKv .sbtn:hover{background-color:#052860}
.indexKv .swiper-slide .flex{display:flex;align-items:stretch;}
.indexKv .swiper-slide .flex .image{width:48%;}
.indexKv .swiper-slide .flex .image img{display:block;width:100%;}
.indexKv .swiper-slide .flex .text{background:#052860;align-items:center;justify-content:center;width:52%;display:flex;text-align:center;}
.indexKv .swiper-slide .flex .text .box{padding:0 110px;font-size:28px;line-height:42px;color:#fff;font-weight:bold;}

.indexProduct{background:#6ea4fc;padding:80px 0;position: relative;overflow:hidden;}
.indexProduct .flex-box{display:flex;align-items:center;justify-content: space-between;}
.indexProduct .flex-box .image{width:590px;height:320px;}
.indexProduct .flex-box .image img{width:100%;height:100%;object-fit:cover;}
.indexProduct .flex-box .text{width:520px;}
.indexProduct .flex-box .text p{font-size:20px;line-height:28px;color:#fff;margin-bottom:25px;}
.indexProduct .flex-box .text a.more{display:inline-block;width:110px;height:40px;line-height:40px;font-size:14px;color:#fff;background-color:#052860;text-align:center;border-radius:6px;transition:all .3s;}
.indexProduct .flex-box .text a.more:hover{color:#052860;background-color:#fff;transform:translateY(-5px);}
.indexProduct .dot{position: absolute;z-index:9;left:0;right:0;bottom:40px;text-align:center;}
.indexProduct .dot span{display:inline-block;width:30px;height:30px;background:none;position: relative;cursor:pointer;opacity:1;margin:0 3px;}
.indexProduct .dot span::before{content:"";display:inline-block;width:10px;height:10px;border:1px solid #fff;border-radius:50%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.indexProduct .dot span.swiper-pagination-bullet-active::after{content:"";position: absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(255,255,255,.4);border-radius:50%;}
.indexProduct .dot span.swiper-pagination-bullet-active::before{background:#fff;}



.indexFast{padding:80px 0;}
.indexFast .words{text-align:center;font-size:38px;line-height:48px;color:#000;font-weight:bold;padding-bottom:40px;}
.indexFast ul{display:flex;justify-content: space-between;}
.indexFast ul li{width:380px;position: relative;}
.indexFast ul li .image{width:380px;height:490px;overflow:hidden;}
.indexFast ul li .image img{width:100%;height:100%;object-fit:cover;transition:all .3s;}
.indexFast ul li .mask{background-color:#fff;position: absolute;left:30px;right:30px;height:100px;bottom:-50px;display:flex;justify-content:center;align-items:center;transition:all .3s;}
.indexFast ul li .mask p{font-size:26px;line-height:36px;color:#000;transition:all .3s;font-weight:bold;}
.indexFast ul li .mask p::after{content:"";display:block;width:100%;height:0px;background:url(../images/index/arrow.svg) no-repeat center;background-size:auto 16px;transition:all .3s;}
.indexFast ul li:hover .image img{transform: scale(1.05)}
.indexFast ul li:hover .mask{transform: translateY(-20px);}
.indexFast ul li:hover .mask p{color:#052860;}
.indexFast ul li:hover .mask p::after{height:10px;}

.indexAbout .flex-box{display:flex;align-items:stretch;margin-bottom:50px;}
.indexAbout .flex-box .image{width:50%;}
.indexAbout .flex-box .image img{display:block;width:100%;}
.indexAbout .flex-box .text{display:flex;align-items:center;width:50%;}
.indexAbout .flex-box .text .box{width:520px;}
.indexAbout .flex-box .text .box h3{font-size:32px;line-height:42px;color:#333;font-weight:bold;margin-bottom:15px;padding-top:15px;position: relative;}
.indexAbout .flex-box .text .box h3::before{content:"";position: absolute;left:0;top:0;height:6px;width:28px;background:#052860;display:inline-block;}
.indexAbout .flex-box .text .box p{font-size:16px;line-height:28px;color:#333;}
.indexAbout .flex-box:nth-child(odd) .image{order:1;}
.indexAbout .flex-box:nth-child(odd) .text{justify-content: flex-end}

.indexAbout .flex-box:nth-child(even) .text .box{margin-left:70px;}
.indexAbout .flex-box:nth-child(odd) .text .box{width:520px;margin-right:70px;}
.indexAbout .flex-box:nth-child(odd) .text .box h3{width:365px;}
.indexAbout .flex-box:nth-child(odd) .text .box p{width:380px;}