/* banner */
.banner{position:relative;overflow:hidden;margin-top: 5vw;}
.banner .img img{width: 100%;}
.banner .info{position: absolute;top: 50%;left: 0;width: 100%;transform: translate(0, -50%);}
.banner .info h1{font-size: 2.68vw;color:#fff;letter-spacing: 2px;font-weight: normal;}
.banner .info .t1{font-size: 2.68vw;color:#fff;letter-spacing: 2px;}
@media screen and (max-width:1080px){
.banner{margin-top: 77px;}
.banner .nban{transform: translate(0) translate3d(0px, 0px, 0px) !important;}
.banner .img img{object-fit: cover;height: 100%;}
.banner .info{top: 35%;}
.banner .info h1{font-size: 30px;}
.banner .info .t1{font-size: 30px;}
}
@media screen and (max-width:768px){
.banner{margin-top: 72px;}
.banner .img{height: 180px;}
.banner .info h1{font-size: 26px;}
.banner .info .t1{font-size: 26px;}
}
@media screen and (max-width:520px){
.banner .info h1{font-size: 22px;}
.banner .info .t1{font-size: 22px;}
}

/* crumb */
.crumb{position: absolute;left: 0;width: 100%;top: 60%;}
.crumb .text{display: flex;align-items: center;font-size: .858vw;color: #fff;}
.crumb .text img{width: 1.1vw;}
.crumb .text a{position: relative;margin: 0 .58vw;}
.crumb .text a:nth-child(2){margin-left: .28vw;}
.crumb .text a:hover{text-decoration: revert;}
@media screen and (max-width:1080px){
.crumb{top: 50%;}
.crumb .text{font-size: 15px;}
.crumb .text img{width: 20px;}
.crumb .text a{margin: 0 10px;}
}
@media screen and (max-width:520px){
.crumb .text{font-size: 14px;}
.crumb .text img{width: 18px;}
}


/* bnav */
.bnav{overflow: hidden;transform: translate(0, -50%);width: 100%;z-index: 100;/* top: 6.7vw;position: sticky; */position: absolute;}
.bnav .bv{padding: .5vw 1.68vw;width: max-content;margin: 0 auto;background: #fff;border-radius: 10px;position: relative;z-index: 99;box-shadow: 0 0 20px 0 rgba(96,119,174,.09);border: 3px solid #f6f6f6;}
.bnav ul li{margin: 0 1vw;width: auto;position: relative;}
.bnav ul li a{padding: .5vw 1.2vw;display: block;font-size: .88819vw;position: relative;z-index: 9;color: #6f7380;}
.bnav ul li#cur a,.bnav ul li:hover a,.bnav ul li a.active{background: linear-gradient(to right, #588CFE, #2CA5FA , #6DD3FF);-webkit-background-clip: text;color: transparent;font-weight: bold;}
@media only screen and (max-width:1280px){
.bnav .bv{width: auto;}
}
@media only screen and (max-width:1080px){
.bnav .bv{padding: 10px;}
.bnav ul li{margin: 0 10px;}
.bnav ul li a{font-size: 15px;padding: 5px 20px;}
}
@media only screen and (max-width:520px){
.bnav .bv{padding: 8px;}
.bnav ul li{margin: 0 17px;}
.bnav ul li a{font-size: 15px;padding: 5px 8px;}
}


/* nright */
.nright{width: 25%;position: sticky;top: 6vw;height: max-content;}
.nright .wrap{background: #fff;border-radius: 20px;padding: 1.58vw;margin-bottom: 1.28vw;}
.nright .wrap:nth-last-child(1){margin-bottom: 0;}
.nright .wrap .ul li:nth-child(1){padding-bottom: 1vw;margin-bottom: 1vw;border-bottom: 1px solid #eee;}
.nright .wrap .ul li p{font-size: .941vw;margin-bottom: .85vw;font-weight: bold;color: #333;}
.nright .wrap .ul li a{font-size: .85vw;color: #222;line-height: 1.68;}
.nright .wrap .ul li a:hover{color: #2CA5FA;}
.nright .wrap dl dd{padding-bottom: .88vw;margin-bottom: .88vw;border-bottom: 1px solid #eee;}
.nright .wrap dl dd:nth-last-child(1){margin-bottom: 0;}
.nright .wrap dl dd a{font-size: .85vw;line-height:2;position:relative;padding-left: 1.2vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #333;}
.nright .wrap dl dd a:before {content:"";display:block;width: .58vw;height: .58vw;background-color:#ccc;position:absolute;transition:.4s;top: 50%;left: 0;transform: translate(0,-50%);}
.nright .wrap dl dd a:hover:before {background-color:#2CA5FA;}
.nright .wrap .shake h3{font-size: .941vw;color: #222;margin-bottom: 1.28vw;}
.nright .wrap .shake ul{display: flex;align-items: center;justify-content: space-between;}
.nright .wrap .shake ul li{display: flex;align-items: center;justify-content: center;border-radius: 40px;padding: .35vw 0;margin-right: .58vw;position: relative;width: 32%;background-image: linear-gradient(90deg, #337dfe, #36C0FB);}
.nright .wrap .shake ul li img{width:1.15vw;margin-right:.28vw}
.nright .wrap .shake ul li p{color: #fff;font-size:.8vw;}
.nright .wrap .shake ul li .wxbox{position:absolute;bottom: 2.8vw;background:#fff;width: 8vw;left: -1vw;opacity:0;visibility:hidden;transform:rotateY(-90deg);transition:all .3s linear;box-shadow: 0 0 5px rgba(0, 0, 0, .1);border-radius: 5px;}
.nright .wrap .shake ul li .wxbox img{border-radius: 4px;width: 8vw;}
.nright .wrap .shake ul li:hover .wxbox{opacity:1;visibility:visible;transform:rotateY(0);}
.nright .wrap .shake ul li .wxbox:before{content:"";position:absolute;bottom:-6px;left:50%;margin-left: -8px;width:0;height:0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #ffffff;}
@media only screen and (max-width:1080px){
.nright{top: 100px;}
.nright .wrap{padding: 15px;border-radius: 10px;margin-bottom: 15px;}
.nright .wrap .ul li p{font-size: 16px;margin-bottom: 10px;}
.nright .wrap .ul li a{font-size: 14px;}
.nright .wrap dl dd{margin-bottom: 10px;padding-bottom: 10px;}
.nright .wrap dl dd a{font-size: 15px;padding-left: 12px;}
.nright .wrap dl dd a:before{width: 6px;height: 6px;}
.nright .wrap .shake h3{font-size: 16px;margin-bottom: 15px;}
.nright .wrap .shake ul li{padding: 8px 10px;margin-right: 10px;}
.nright .wrap .shake ul li img{width: 20px;margin-right: 0;}
.nright .wrap .shake ul li p{font-size: 14px;display: none;}
.nright .wrap .shake ul li .wxbox{width: 100px;left: 0;bottom: 40px;}
.nright .wrap .shake ul li .wxbox img{width: 90px;}
}
@media only screen and (max-width:768px){
.nright{width: 100%;position: initial;margin-top: 20px;}
.nright .wrap .shake ul li img{margin-right: 8px;}
.nright .wrap .shake ul li p{display: block;}
}


/* newslist */
.newslist{padding:5vw 0 4.5vw;background: #F5F8FD;}
.newslist .item{background: #fff;transition: all .5s;position: relative;}
.newslist .item:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index: 1;opacity:0;transition:all .5s;box-shadow:0 0 30px rgba(0,0,0,.1);}
.newslist .item a{display: flex;align-items: center;justify-content: space-between;margin: 0 auto;width: 93%;max-width: 87.82vw;border-bottom: 1px solid #E8E8E8;padding: 2.28vw 0;position: relative;z-index: 9;}
.newslist .item:hover:after{box-shadow: 0 0 30px rgba(0, 0, 0, .1);opacity: 1;}
.newslist .item .img{padding-bottom: 15%;position:relative;overflow:hidden;width: 22%;border-radius: 10px;}
.newslist .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.newslist .item:hover .img img{transform:scale(1.04)}
.newslist .item .info{width: 65%;margin: 0 2.5%;}
.newslist .item .info h2{font-size: 1.28vw;font-weight: normal;color: #333;transition: all .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newslist .item .info .text{font-size: .835947vw;color: #666;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 1.28vw 0;}
.newslist .item .info .date{font-size: .835947vw;color: #333;transition: all .3s;}
.newslist .item .bt{background: #E1E6ED;border-radius: 50%;position: relative;}
.newslist .item .bt:before{background-image: linear-gradient(90deg, #337dfe, #36C0FB);top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:-1;opacity:0;z-index: 1;border-radius:50%;transition:cubic-bezier(.4,.4,0,1) .35s;position: absolute;content: "";width: 100%;height: 100%;}
.newslist .item .bt img{width: 3.135vw;position: relative;z-index: 9;transition: all .3s;}
.newslist .item:hover .info h2,.newslist .item:hover .info .date{background: linear-gradient(to right, #588CFE, #2CA5FA , #6DD3FF);-webkit-background-clip: text;color: transparent;}
.newslist .item:hover .bt:before{transform: translate(-50%,-50%) scale(1);opacity: 1;}
.newslist .item:hover .bt img{filter: brightness(0) invert(1);}
@media only screen and (max-width:1080px){
.newslist{padding: 80px 0 60px;}
.newslist .item a{padding: 25px 0;max-width: 1600px;width: 92%;}
.newslist .item .img{width: 30%;padding-bottom: 20%;}
.newslist .item .info{width: 58%;}
.newslist .item .info h2{font-size: 18px;}
.newslist .item .info .text{font-size: 14px;margin: 15px 0;}
.newslist .item .info .date{font-size: 14px;}
.newslist .item .bt img{width: 50px;}
}
@media only screen and (max-width:768px){
.newslist .item .img{width: 35%;padding-bottom: 25%;}
.newslist .item .bt{display: none;}
}
@media only screen and (max-width:520px){
.newslist{padding: 50px 0 30px;}
.newslist .item a{padding: 15px 0;}
.newslist .item .img{padding-bottom: 28%;border-radius: 6px;}
.newslist .item .info{width: 58%;}
.newslist .item .info h2{font-size: 16px;}
.newslist .item .info .text{margin: 10px 0;line-height: 24px;}
.newslist .item .info .date{font-size: 14px;}
}




/* news */
.news{padding:5vw 0 4.5vw;background: #F5F8FD;}
.news .w1600{display: flex;justify-content: space-between;}
.news .cont{width: 70%;border-radius: 20px;background: #fff;}
.news .cont .info{padding: 2vw;}
.news .cont .info .title{font-size: 2vw;color: #333;margin-bottom: 1vw;}
.news .cont .info .date{font-size: .85vw;color: #333;}
.news .cont .info .text{margin-top: 1.58vw;padding-top: 1.58vw;border-top: 1px solid #eee;}
.news .cont .info .text p{line-height: 2;color: #333;font-size: .85vw;}
.news .cont .info .text img{text-align:center;margin:.5vw auto;display:flex;justify-content:center;text-indent:0}
.news .cont .info .btn{margin: 0 auto;margin-top: 2.58vw;}
.news .cont .info .btn:after{background: #9ac832;}
.news .cont .info .btn:hover i{color: #fff;}
@media only screen and (max-width:1080px){
.news{padding:80px 0 60px;}
.news .cont{border-radius: 10px;}
.news .cont .info{padding: 25px;}
.news .cont .info .title{font-size: 26px;margin-bottom: 15px;}
.news .cont .info .date{font-size: 14px;}
.news .cont .info .text{margin-top: 20px;padding-top: 20px;}
.news .cont .info .text p{font-size: 16px;}
.news .cont .info .btn{margin-top: 30px;}
}
@media only screen and (max-width:768px){
.news .w1600{flex-wrap: wrap;}
.news .cont{width: 100%;}
}
@media only screen and (max-width:520px){
.news{padding:50px 0 30px;}
.news .cont .info{padding: 20px;}
.news .cont .info .title{font-size: 22px;margin-bottom: 12px;}
.news .cont .info .text{margin-top: 15px;padding-top: 15px;}
.news .cont .info .text p{font-size: 14px;}
.news .cont .info .btn{margin-top: 20px;}
}

/* about */
.about{padding: 5vw 0;}
.about img{width: 100%;}
.about .t1{font-size: 1.35vw;text-align: center;}
@media only screen and (max-width:1080px){
.about{padding: 60px 0;}
.about .t1{font-size: 26px;}
}
@media only screen and (max-width:520px){
.about{padding: 30px 0;}
.about .t1{font-size: 22px;}
}

/* about01 */
.about01{padding: 5vw 0 10vw;position: relative;z-index: -1;}
.about01:after{position: absolute;content: "";left: 0;bottom: 0;height: 6vw;width: 100%;background-image: linear-gradient(90deg,#adc6f2,#c8ebf9);}
.about01 .in_tit h2{text-align: left;}
.about01 .text{width: 52%;padding-bottom: 1.68vw;border-bottom: 2px solid #C5B7BC;position: relative;}
.about01 .text:before{position:absolute;content: "";background-color: #C5B7BC;height: 2px;bottom: -5%;z-index: 9;width: 5vw;right: 0;}
.about01 .text:after{position:absolute;content: "";background-color: #C5B7BC;height: 2px;left: 100%;transform-origin:top left;transform: rotate(10deg);bottom: -5%;z-index: 9;width: 8vw;}
.about01 .text p{font-size: .88vw;color: #666;line-height: 2;margin:6px 0;text-indent: 2em;}
.about01 .pic{position: absolute;bottom: 0;right: 3vw;z-index: 9;width: 25%;}
.about01 .icon{position: absolute;right: 24vw;bottom: 15vw;width: 20%;}
@media only screen and (max-width:1080px){
.about01{padding: 60px 0 120px;}
.about01:after{height: 68px;}
.about01 .text:after{width: 50px;bottom: -5%;}
.about01 .text p{font-size: 15px;}
.about01 .icon{right: 26%;bottom: 32%;}
.about01 .pic{width: 36%;right: 0;}
}
@media screen and (max-width:768px){
.about01 .w1600{display: flex;flex-wrap: wrap;}
.about01 .in_tit{width: 100%;}
.about01 .text{border: none;width: 100%;order: 1;}
.about01 .text:before,.about01 .text:after{display: none;}
.about01 .icon{position: initial;}
.about01 .pic{position: initial;}
}
@media screen and (max-width:520px){
.about01{padding: 50px 0 30px;}
.about01:after{height: 28px;}
.about01 .text p{font-size: 14px;line-height: 26px;}
.about01 .icon{width: 36%;}
.about01 .pic{width: 60%;}
}



/* about02 */
.about02{padding: 4.5vw 0;background-size: cover;background: url(../images/ab2_bg.png);background-position: bottom;}
.about02 .cont{display: flex;justify-content: space-between;align-items: center;}
.about02 .cont .left{width: 40%;position: relative;}
.about02 .cont .left .item .img{overflow:hidden;border:5px solid #fff;box-shadow:15px 15px 30px rgba(0,0,0,.1);border-width:3px;}
.about02 .cont .left .item .play{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-image: linear-gradient(90deg,#337dfe,#36c0fb);border-radius: 50%;}
.about02 .cont .left .item .play img{width: 3.4vw;transition: all .5s;}
.about02 .cont .left .item .play:hover img{transform: rotate(360deg);}
.about02 .cont .right{width: 50%;}
.about02 .cont .right .in_tit h2{text-align: left;}
.about02 .cont .right .text p,.about02 .cont .right .text span{font-size: .88819vw !important;color: #333;line-height: 2 !important;text-indent: 2em !important;font-family: Roboto-Regular !important;margin: 6px 0;}
@media only screen and (max-width:1080px){
.about02{padding: 60px 0;}
.about02 .cont .left{width: 45%;}
.about02 .cont .left .item .play img{width: 55px;}
.about02 .cont .right{width: 50%;}
.about02 .cont .right .text{height: 32vw;}
.about02 .cont .right .text p,.about02 .cont .right .text span{font-size: 15px !important;}
}
@media only screen and (max-width:768px){
.about02 .cont{flex-wrap: wrap;}
.about02 .cont .left{width: 90%;order: 1;margin: 0 auto;}
.about02 .cont .right{width: 100%;margin-bottom: 50px;}
.about02 .cont .right .text{overflow-y: initial;height: auto;}
}
@media only screen and (max-width:520px){
.about02{padding: 30px 0;}
.about02 .cont .left{width: 100%;}
.about02 .cont .left .item .img{border-radius: 10px;height: 480px;}
.about02 .cont .left .item .img img{height: 100%;width: 100%;object-fit: cover;}
.about02 .cont .left .item .play img{width: 50px;}
.about02 .cont .right{margin-bottom: 20px;}
.about02 .cont .right .text p,.about02 .cont .right .text span{font-size: 14px !important;line-height: 26px !important;margin: 2px 0;}
}



/* about03 */
.about03{padding: 4.5vw 0;background:#F2F7FB url(../images/ab3_bg.jpg);background-size: cover;}
.about03 .in_tit{margin-bottom: 0;}
.about03 .ab3_mo{display: none;}
.about03 .swiper-slide{width:24%;background:#fff;box-shadow:0 8px 20px #ddd}
.about03 .swiper-slide img{display:block;width: 100%;}
.about03 .swiper-pagination{bottom: 5px;display: none;}
.about03 .swiper-pagination-bullet{opacity: 1;background: #d4d4d4;margin: 0 .58vw !important;width: 2vw;height: 5px;border-radius: 5px;}
.about03 .swiper-pagination-bullet-active{position: relative;background-image: linear-gradient(90deg, #337dfe, #36C0FB);width: 5vw;}
.about03 .btn{margin: 0 auto;margin-top: 0;background-color: #efefef82;border: 1px solid #649bec;}
@media screen and (max-width:1280px){
.about03 .swiper-slide{width: 33%;}
}
@media screen and (max-width:1080px){
.about03{padding: 60px 0;}
.about03 .btn{margin-top: 30px;}
}
@media screen and (max-width:768px){
.about03{width: 92%;margin: 0 auto;}
.about03 .ab3_pc{display: none;}
.about03 .ab3_mo{display: block;padding: 30px 0 50px;}
.about03 .swiper-pagination{display: block;}
}
@media screen and (max-width:520px) {
.about03{padding: 30px 0;}
.about03 .in8{padding-bottom: 40px;}
.about03 .btn{margin-top: 10px;}
.about03 .swiper-pagination-bullet{margin: 0 8px !important;width: 30px;height: 4px;}
}


/* about04 */
.about04{padding: 4.5vw 0;background: url(../images/ab4_bg.jpg);background-size: cover;overflow: hidden;}
.about04 .cont{display: flex;justify-content: space-between;}
.about04 .cont .in_tit{margin-bottom: 0;margin-top: 9vw;}
.about04 .cont .in_tit h2{text-align: left;}
.about04 .cont .in_tit p{color: #666;font-size: .9vw;margin-top: 1vw;line-height: 1.68;width: 70%;}
.about04 .cont ul{height: 32vw;position:relative;width: 70%;}
.about04 .cont ul li{position:absolute;cursor:pointer}
.about04 .cont ul li:first-child{top: 6%;left: 0;width: 40%;}
.about04 .cont ul li:nth-child(2){top:58%;left: 38.63%;width:22.11%;}
.about04 .cont ul li:nth-child(3){top:9.49%;left: 57.6%;width:22.11%;}
.about04 .cont ul li:nth-child(4){top:54.32%;right:3%;width:19.11%}
.about04 .cont ul li .img{position:relative;overflow:hidden;border-radius:50%;width:100%}
.about04 .cont ul li .img img{transition:all .5s ease}
.about04 .cont ul li:hover .img img{transform:scale(1.08)}
.about04 .cont ul li .img p{color:#fff;font-size:1.45vw;font-weight:700;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content}
.about04 .cont ul li .text{background:#fff;padding: 1.1vw;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,.15);font-size: .9vw;color: #666;line-height: 1.88;opacity: 0;transform: translate(0 , -50%) translate3d(0,100%,0) rotate3d(1,1,1,30deg);transition: opacity .3s,transform .3s;pointer-events: none;z-index: 99;top: 35%;position: absolute;left: 80%;width: max-content;}
.about04 .cont ul li:hover .text,.about04 .cont ul li.active .text{opacity: 1;transform: translate(0 , -50%) translate3d(0,0%,0) rotate3d(0,0,0,0);pointer-events: auto;}
.about04 .cont ul li:nth-child(2) .text,.about04 .cont ul li:nth-child(4) .text{width: 14vw;}
.about04 .cont ul li:nth-child(3) .text,.about04 .cont ul li:nth-child(4) .text{transform: translate(0 , -50%) translate3d(0,100%,0) rotate3d(1,1,1,-30deg);left: initial;right: 80%;}
.about04 .cont ul li:nth-child(3):hover .text,.about04 .cont ul li:nth-child(3).active .text{transform: translate(0 , -50%)  translate3d(0,0%,0) rotate3d(0,0,0,0);}
.about04 .cont ul li:nth-child(4):hover .text,.about04 .cont ul li:nth-child(4).active .text{transform: translate(0 , -50%)  translate3d(0,0%,0) rotate3d(0,0,0,0);}
@media screen and (max-width:1080px){
.about04{padding: 60px 0;}
.about04 .cont .in_tit{width: 30%;}
.about04 .cont .in_tit p{font-size: 16px;margin-top: 10px;}
.about04 .cont ul{width: 70%;}
.about04 .cont ul li:first-child{width: 36%;}
.about04 .cont ul li:nth-child(2){top: 52%;left: 36%;width: 26%;}
.about04 .cont ul li:nth-child(3){top: 0%;left: 52%;width: 24%;}
.about04 .cont ul li:nth-child(4){top: 52%;right:3%;width: 24%;}
.about04 .cont ul li .img p{font-size: 20px;}
.about04 .cont ul li .text{font-size: 15px;padding: 15px;}
.about04 .cont ul li:nth-child(2) .text, .about04 .cont ul li:nth-child(4) .text{width: 20vw;}
}
@media screen and (max-width:768px){
.about04 .cont{flex-wrap: wrap;}
.about04 .cont .in_tit{width: 100%;margin-top: 0;margin-bottom: 40px;}
.about04 .cont .in_tit p{width: auto;}
.about04 .cont ul{width: 100%;height: auto;}
.about04 .cont ul li{position: initial;display: flex;justify-content: space-between;width: 100% !important;margin: 15px 0;align-items: center;flex-direction: row-reverse;}
.about04 .cont ul li:nth-child(odd){flex-direction: row;}
.about04 .cont ul li .text{transform:initial !important;opacity: 1;position: initial;width: 60% !important;height: max-content;}
.about04 .cont ul li .img{width: 25%;}
}
@media screen and (max-width:520px){
.about04{padding: 30px 0;}
.about04 .cont .in_tit{margin-bottom: 20px;}
.about04 .cont .in_tit p{font-size: 14px;}
.about04 .cont ul li .text{opacity: 1;position: initial;font-size: 14px;padding: 10px;width: 55% !important;}
.about04 .cont ul li .img{width: 35%;}
.about04 .cont ul li .img p{font-size: 18px;}
}



/* about05 */
.about05{padding: 4.5vw 0;background: url(../images/ab5_bg.jpg);background-size: cover;overflow: hidden;background-attachment: fixed;background-position: top;}
.about05 .in_tit h2{color: #fff;}
.about05 .in_tit p{color: #fff;font-size: .9vw;margin-top: .941vw;text-align: center;}
.about05 .swiper-slide{background: #fff;border-radius: 20px;}
.about05 .swiper-slide .img{width: 100%;position: relative;padding-bottom: 38%;transition: all .5s ease;}
.about05 .swiper-slide .img img{position: absolute;object-fit: cover;width: 80%;left: 50%;top: 50%;transform: translate(-50% , -50%);}
.about05 .swiper-slide:hover .img{transform: rotateY(180deg);}
@media screen and (max-width:1080px){
.about05{padding: 60px 0;}
.about05 .in_tit p{font-size: 16px;margin-top: 10px;}
.about05 .swiper-slide{border-radius: 10px;}
.about05 .swiper-slide .img img{width: 75%;}
}
@media screen and (max-width:520px){
.about05{padding: 30px 0;}
.about05 .in_tit p{font-size: 14px;margin-top: 10px;}
.about05 .swiper-slide{border-radius: 10px;}
.about05 .swiper-slide .img img{width: 80%;}
}


/* about06 */
.about06{padding: 4.5vw 0;background: url(../images/ab6_bg.jpg);background-size: cover;overflow: hidden;}
.about06 .cont{background-image: linear-gradient(90deg, #337dfe, #36C0FB);border-radius:10px;color:#fff;padding: 4vw 0;margin-top: 8.8vw;padding-left: 4vw;position: relative;}
.about06 .cont .t1{font-weight:700;font-size:2vw}
.about06 .cont .img{position: absolute;right: 0;width: 22%;bottom: 0;}
.about06 .cont ul{display:flex;align-items:center;margin:1.5vw 0 3vw}
.about06 .cont ul li{display:flex;align-items:center;margin-right:2vw}
.about06 .cont ul li:nth-last-child(1){margin-right: 0;}
.about06 .cont ul li .icon{border-radius:50%;width:2.58vw;height:2.58vw;background:#fff;display:flex;align-items:center;justify-content:center;position: relative;}
.about06 .cont ul li .icon:after,.about06 .cont ul li .iconbefore{content:'';background:#fff;height:100%;width:100%;border-radius:50%;z-index: 0;position:absolute;left:0;top:0;opacity:0;-webkit-animation: fadein 1.5s linear infinite .75s;}
.about06 .cont ul li .icon img{width: 1.254vw;position: relative;z-index: 9;}
.about06 .cont ul li p{font-size: .941vw;color: #fff;margin-left: .5vw;}
@-webkit-keyframes fadein{0%{-webkit-transform:scale(1);opacity:.5}
100%{-webkit-transform:scale(1.58);opacity:0}
}
@media screen and (max-width:1080px){
.about06{padding: 60px 0;}
.about06 .cont{margin-top: 140px;padding: 30px 0;padding-left: 30px;}
.about06 .cont .t1{font-size: 22px;}
.about06 .cont .img{width: 24%;}
.about06 .cont ul{margin: 20px 0 30px;flex-wrap: wrap;}
.about06 .cont ul li{width: 100%;margin: 8px 0;}
.about06 .cont ul li .icon{width: 45px;height: 45px;}
.about06 .cont ul li .icon img{width: 22px;}
.about06 .cont ul li p{font-size: 16px;margin-left: 8px;}
}
@media screen and (max-width:768px){
.about06 .cont ul{width: 83%;}
.about06 .cont ul li p{width:calc(100% - 68px);}
}
@media screen and (max-width:520px){
.about06{padding: 30px 0;}
.about06 .cont{margin-top: 15px;border-radius: 8px;padding: 25px;}
.about06 .cont .img{width: 28%;}
.about06 .cont ul{margin: 15px 0 20px;}
.about06 .cont ul li{width: 100%;margin: 8px 0;}
.about06 .cont ul li .icon{width: 40px;height: 40px;}
.about06 .cont ul li .icon img{width: 20px;}
.about06 .cont ul li p{font-size: 14px;}
}


/* picturelist */
.picturelist{padding: 6vw 0 4.5vw;}
.picturelist li{width:18.4%;position: relative;margin-right: 2%;}
.picturelist li:nth-child(5n+5){margin-right: 0;}
.picturelist li .pic a{width:90%;padding:15px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#f5f5f5;min-height: 20vw;}
.picturelist li .pic::after{width:0;height:2px;content:"";background-image: linear-gradient(90deg, #337dfe, #36C0FB);transition:all .5s ease;position:absolute;bottom:0;left:50%}
.picturelist li:hover .pic::after{width:100%;transition:all .5s;margin-left:-50%}
.picturelist li .pic img{max-width:100%;max-height:100%;transition:all .5s;}
.picturelist li:hover img{transform:scale(1.02);}
.picturelist li .text{height:65px;line-height: 65px;}
.picturelist li p{padding:0 20px;text-align:center;font-size:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.picturelist li:hover p {color: #333;}
@media screen and (max-width:1080px){
.picturelist{padding: 40px 0 60px;}
.picturelist li{width: 21%;margin-right: 4%;}
.picturelist li:nth-child(5n+5){margin-right: 4%;}
.picturelist li:nth-child(4n+4){margin-right:0;}
.picturelist li .pic a{min-height: 25vw;}
}
@media screen and (max-width:768px){
.picturelist li{width: 30.66667%;margin-right: 4%;}
.picturelist li:nth-child(4n+4){margin-right: 4%;}
.picturelist li:nth-child(5n+5){margin-right: 4%;}
.picturelist li:nth-child(3n+3){margin-right: 0;}
.picturelist li .pic a{min-height: 36vw;}
}
@media screen and (max-width:520px){
.picturelist{padding: 60px 0 30px 0;}
.picturelist li{width: 48.5%;}
.picturelist li:nth-child(odd){margin-right: 3%;}
.picturelist li:nth-child(even){margin-right: 0;}
.picturelist li .pic a{width: auto;padding: 10px;}
.picturelist li .text{height:35px;line-height: 35px;}
.picturelist li p{font-size: 16px;height: 35px;}
.picturelist li .pic a{min-height: 300px;}
}


/* se01 */
.se01{padding: 5vw 0 4.5vw;}
.se01 .cont{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.se01 .cont .left{width: 30%;}
.se01 .cont .left .t1{font-size: 1.68vw;color: #222;margin-bottom: 3vw;}
.se01 .cont .left ul li{margin: 2vw 0;}
.se01 .cont .left ul li .h2{font-size: .941vw;color: #333;margin-bottom: 1vw;}
.se01 .cont .left ul li .h2 img{width: 1.254vw;margin-right: .28vw;}
.se01 .cont .left ul li p{font-size: .941vw;}
.se01 .cont .right{width: 69%;}
.se01 .cont .right .info{border: 10px solid #eee;padding: 1.68vw;}
.se01 .cont .right .info h1{font-size: 1.68vw;margin-bottom: 1.58vw;color: #222;}
.se01 .cont .right .info .text p{font-size: .835947vw;line-height: 1.88;margin: .58vw 0;color: #333;}
@media screen and (max-width: 1080px){
.se01{padding: 90px 0 60px;}
.se01 .cont .left{width: 35%;}
.se01 .cont .left .t1{font-size: 24px;margin-bottom: 30px;}
.se01 .cont .left ul li{margin: 20px 0;}
.se01 .cont .left ul li .h2{font-size: 16px;margin-bottom: 20px;}
.se01 .cont .left ul li .h2 img{width: 20px;margin-right: 8px;}
.se01 .cont .left ul li p{font-size: 18px;}
.se01 .cont .right{width: 65%;}
.se01 .cont .right .info{padding: 25px;}
.se01 .cont .right .info h1{font-size: 24px;margin-bottom: 25px;}
.se01 .cont .right .info .text p{font-size: 15px;}
}
@media screen and (max-width:768px){
.se01 .cont .left{width: 100%;}
.se01 .cont .right{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:520px){
.se01{padding: 60px 0 30px;}
.se01 .cont .left .t1{font-size: 20px;margin-bottom: 20px;line-height: 1.7;}
.se01 .cont .left ul li{margin: 20px 0;}
.se01 .cont .left ul li .h2{font-size: 16px;margin-bottom: 10px;}
.se01 .cont .left ul li .h2 img{width: 19px;margin-right: 6px;}
.se01 .cont .left ul li p{font-size: 16px;}
.se01 .cont .right{margin-top: 10px;}
.se01 .cont .right .info{padding: 15px;border: 6px solid #eee;}
.se01 .cont .right .info h1{font-size: 20px;margin-bottom: 15px;}
.se01 .cont .right .info .text p{font-size: 14px;line-height: 26px;margin: 5px 0;}
}


/* se02 */
.se02{padding-bottom: 4.5vw;}
.se02 .tit{font-size: 1.68vw;text-align: center;margin-bottom: 3vw;}
@media screen and (max-width: 1080px){
.se02{padding-bottom: 60px;}
.se02 .tit{font-size: 24px;margin-bottom: 40px;}
}
@media screen and (max-width: 520px){
.se02{padding-bottom: 30px;}
.se02 .tit{font-size: 20px;margin-bottom: 30px;}
}


/* se03 */
.se03{padding-bottom: 4.5vw;}
.se03 .tit{font-size: 1.68vw;text-align: center;margin-bottom: 3vw;}
.se03 ul{display: flex;align-items: center;justify-content: space-between;}
.se03 ul li{width: 23.5%;}
.se03 ul li .info{padding:2.4vw 1vw;background:#fff;text-align:center;position: relative;border: 1px solid #fff;transition: all .5s;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / .1);border-radius: 10px;}
.se03 ul li:hover .info{transform:translateY(-8px);}
.se03 ul li .info .icon{width: 5.2vw;height: 5.2vw;border-radius: 50%;background-image: linear-gradient(90deg, #337dfe, #36C0FB);display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.se03 ul li .info .icon img{width: 2.68vw;}
.se03 ul li .info .t1{font-size: 1.2vw;margin: 2vw 0 .68vw;font-weight: bold;color: #000;}
.se03 ul li .info .t2{font-size: .835947vw;color: #666;line-height: 1.68;}
@media screen and (max-width: 1080px){
.se03{padding-bottom: 60px;}
.se03 .tit{font-size: 24px;margin-bottom: 40px;}
.se03 ul{flex-wrap: wrap;}
.se03 ul li{width: 49%;margin: 1% 0;}
.se03 ul li .info{padding: 30px 10px;border-radius: 8px;}
.se03 ul li .info .icon{width: 60px;height: 60px;}
.se03 ul li .info .icon img{width: 30px;}
.se03 ul li .info .t1{font-size: 20px;margin: 20px 0 10px;}
.se03 ul li .info .t2{font-size: 15px;}
}
@media screen and (max-width: 520px){
.se03{padding-bottom: 30px;}
.se03 .tit{font-size: 20px;margin-bottom: 20px;}
.se03 ul li{width: 48.5%;margin: 1.5% 0;}
.se03 ul li .info{padding: 25px 10px;border-radius: 8px;}
.se03 ul li .info .icon{width: 52px;height: 52px;}
.se03 ul li .info .icon img{width: 26px;}
.se03 ul li .info .t1{font-size: 15px;margin: 20px 0 10px;}
.se03 ul li .info .t2{font-size: 14px;min-height: 68px;}
}



/* so01 */
.so01{padding: 5vw 0 4.5vw;}
.so01 .cont{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.so01 .cont .img{width: 43%;border-radius: 10px;overflow: hidden;background: #FFF;box-shadow: 0px 0px 5px 0 rgba(0,0,0,.12);padding: 1%;}
.so01 .cont .img img{width: 100%;}
.so01 .cont .info{width: 50%;}
.so01 .cont .info .title{display:flex;align-items:center}
.so01 .cont .info .title .txt .t1{font-size: 2.351099vw;color:#222;font-weight: bold;}
.so01 .cont .info .title .txt .t2{font-size: .9vw;color:#666;margin-top: 1vw;position: relative;padding-left: .58vw;}
.so01 .cont .info .title .txt .t2:after{position: absolute;content: "";left: 0;top: 0;width: .2vw;height: 100%;background:linear-gradient(to right,#588cfe,#2ca5fa ,#6dd3ff);}
.so01 .cont .info .text{color:#666;line-height: 2;font-size: .9vw;margin: 2vw 0;}
.so01 .cont .info ul{display: flex;align-items: center;justify-content: space-between;}
.so01 .cont .info ul li{text-align: center;}
.so01 .cont .info ul li span{font-size: 2.68vw;font-weight: bold;background: linear-gradient(to right,#588cfe,#2ca5fa ,#6dd3ff);-webkit-background-clip: text;color: transparent;}
.so01 .cont .info ul li i{font-size: .941vw;font-weight:700;background: linear-gradient(to right,#588cfe,#2ca5fa ,#6dd3ff);-webkit-background-clip: text;color: transparent;}
.so01 .cont .info ul li p{color: #333;font-size: .835947vw;line-height:1.5;margin:0 auto;margin-top: .1vw;display: flex;align-items: center;justify-content: center;position: relative;z-index: 9;}
.so01 .cont .info ul.twp{justify-content: initial;}
.so01 .cont .info ul.twp li:nth-child(1){margin-right: 10%;}
@media screen and (max-width: 1080px){
.so01{padding: 90px 0 60px;}
.so01 .cont .info .title .txt .t1{font-size: 30px;}
.so01 .cont .info .title .txt .t2{font-size: 16px;padding-left: 15px;margin-top: 10px;}
.so01 .cont .info .title .txt .t2:after{width: 5px;}
.so01 .cont .info .text{font-size: 15px;margin: 25px 0;}
.so01 .cont .info ul li span{font-size: 40px;}
.so01 .cont .info ul li i{font-size: 16px;}
.so01 .cont .info ul li p{font-size: 14px;margin-top: 5px;}
}
@media screen and (max-width: 880px){
.so01 .cont .img{width: 100%;order: 1;border-radius: 5px;padding: 15px;margin-top: 30px;}
.so01 .cont .info{width: auto;}
.so01 .cont .info ul.twp{justify-content: space-between;}
.so01 .cont .info ul.twp li:nth-child(1){margin-right: 0;}
}
@media screen and (max-width: 520px){
.so01{padding: 60px 0 30px;}
.so01 .cont .info .title .txt .t1{font-size: 22px;}
.so01 .cont .info .title .txt .t2{font-size: 14px;padding-left: 12px;}
.so01 .cont .info .title .txt .t2:after{width: 4px;}
.so01 .cont .info .text{font-size: 14px;margin: 15px 0;line-height: 26px;}
.so01 .cont .info ul{flex-wrap: wrap;}
.so01 .cont .info ul li{width: 50%;margin: 10px 0;}
.so01 .cont .info ul li span{font-size: 35px;}
.so01 .cont .info ul li i{font-size: 14px;}
.so01 .cont .img{padding: 10px;margin-top: 15px;}
}


/* so02 */
.so02{padding: 4.5vw 0;background: #F5F7FA;}
.so02 ul{display: flex;justify-content: space-between;}
.so02 ul li{background: url(../images/so2_bg.jpg);box-shadow: 0 0 10px 3px #3f74fe14;border-radius: 8px;width: 23.5%;transition:all .5s;background-size: cover;background-position: bottom;}
.so02 ul li .info{padding: 2vw;}
.so02 ul li .info .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.58vw}
.so02 ul li .info .top .icon{background: #E4F4F9;border-radius: 8px;padding: .4vw;}
.so02 ul li .info .top .icon img{width: 2.68vw;opacity: .58;}
.so02 ul li .info .top .num{position: relative;}
.so02 ul li .info .top .num .n{display:block;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #3489fe;font-size: 2.58vw;position:relative;font-weight:700;margin-left:auto;}
.so02 ul li .info .top .num .n2{color:#3489fe;position:absolute;top:0;left:0;opacity:0;transform:translate(25%,25%);transition:all .5s}
.so02 ul li .info .t1{color:#333;font-size:1.25392vw;line-height:1.3;font-weight:700;margin-bottom:1vw}
.so02 ul li .info .text{color:#666;font-size:.835947vw;line-height:1.8;}
.so02 ul li:hover{box-shadow: 0 15px 30px rgba(63,116,254,.25);transform: translate3d(0,-8px,0);}
.so02 ul li:hover .info .top .num .n2{opacity: 1;transform: translate(3px,3px);}
.so02 .wrap{background: #fff;box-shadow: 0 0 10px 3px #00000008;border-radius: 20px;padding: 2vw;width: 50%;margin: 0 auto;margin-top: 2vw;}
.so02 .wrap .title{font-size: 1.28vw;font-weight: bold;color: transparent;color: #222;padding-bottom: 1vw;margin-bottom: 1vw;border-bottom: 1px dashed rgb(10 61 145 / 32%);}
.so02 .wrap dl{display: flex;justify-content: center;flex-wrap: wrap;}
.so02 .wrap dl dd{padding: .2vw .58vw;border-radius: 8px;margin: .5vw;font-size: .835947vw;background: linear-gradient(117deg,#eaf4fe 33.19%,#e1edfd 97.77%);}
@media screen and (max-width: 1080px){
.so02{padding: 60px 0;}
.so02 ul li .info{padding: 25px;}
.so02 ul li .info .top{margin-bottom: 20px;}
.so02 ul li .info .top .icon{padding: 10px;}
.so02 ul li .info .top .icon img{width: 36px;}
.so02 ul li .info .top .num .n{font-size: 36px;}
.so02 ul li .info .t1{font-size: 20px;margin-bottom: 15px;}
.so02 ul li .info .text{font-size: 14px;min-height: auto;}
.so02 .wrap{padding: 30px;margin-top: 30px;border-radius: 10px;width: 85%;}
.so02 .wrap .title{font-size: 20px;margin-bottom: 15px;padding-bottom: 15px;}
.so02 .wrap dl dd{margin: 3px;padding: 5px 8px;font-size: 15px;}
}
@media screen and (max-width: 850px){
.so02 ul{flex-wrap: wrap;}
.so02 ul li{width: 48.5%;margin: 1.5% 0;}
.so02 ul li .info{padding: 20px;}
.so02 .wrap{width: auto;}
}
@media screen and (max-width: 520px){
.so02{padding: 30px 0;}
.so02 ul li .info{padding: 15px;}
.so02 ul li .info .top{margin-bottom: 15px;}
.so02 ul li .info .top .icon{padding: 8px;}
.so02 ul li .info .top .icon img{width: 32px;}
.so02 ul li .info .top .num .n{font-size: 32px;}
.so02 ul li .info .t1{font-size: 17px;margin-bottom: 10px;}
.so02 ul li .info .text{font-size: 14px;line-height: 24px;}
.so02 .wrap{padding: 20px;margin-top: 20px;border-radius: 8px;width: auto;}
.so02 .wrap .title{font-size: 18px;margin-bottom: 12px;padding-bottom: 12px;}
.so02 .wrap dl dd{margin: 5px;padding: 4px 6px;font-size: 14px;}
}



/* so03 */
.so03{padding: 4.5vw 0;}
.so03 .cont .s3{padding: 5px;}
.so03 .cont .item{background: #fff;box-shadow:0 0 10px rgb(0 0 0 / 10%);padding: 1vw;border-radius:10px;position:relative;transition: ease .5s;}
.so03 .cont .item:after{position:absolute;height:100%;width:100%;content:"";left:0;background: linear-gradient(0deg,#dff1ff 0,transparent 52%);transition:all .5s;z-index:1;border-radius:10px;bottom: 0;}
.so03 .cont .item .img{overflow:hidden;padding-bottom: 76%;border-radius: 6px;z-index:9;position:relative;}
.so03 .cont .item .img img{transition:all .5s;height:100%;width:100%;object-fit:cover;position:absolute}
.so03 .cont .item:hover .img img{transform:scale(1.05)}
.so03 .cont .item .info{z-index:9;position:relative;}
.so03 .cont .item .info .t1{font-weight:700;font-size: 1.1vw;z-index:9;position:relative;color: #222;margin: 2vw 0;}
.so03 .cont .item .info ul{display: flex;align-items: center;margin-bottom: 2vw;}
.so03 .cont .item .info ul li{margin-right: 1.58vw;}
.so03 .cont .swiper-pagination-bullet{opacity: 1;background: #d4d4d4;margin: 0 8px !important;width: 30px;height: 4px;border-radius: 5px;}
.so03 .cont .swiper-pagination-bullet-active{position: relative;background-image: linear-gradient(90deg, #337dfe, #36C0FB);width: 60px;}
@media screen and (max-width: 1080px){
.so03{padding: 60px 0;}
.so03 .cont .s3{padding-bottom: 60px;}
.so03 .cont .s3 .swiper-pagination{bottom: 0;}
.so03 .cont .item{padding: 15px;}
.so03 .cont .item .info .t1{font-size: 18px;margin: 30px 0;}
}
@media screen and (max-width: 520px){
.so03{padding:30px 0;}
.so03 .cont .s3{padding-bottom:25px;}
.so03 .cont .s3 .swiper-pagination{bottom: 0;}
.so03 .cont .item{padding: 10px;}
.so03 .cont .item .info .t1{font-size: 18px;margin: 30px 0;}
}


/* ca01 */
.ca01{padding:5vw 0 4.5vw;background: #F5F5F7;}
.ca01 ul{display: flex;flex-wrap: wrap;}
.ca01 ul li{width: 32.33%;margin-bottom: 1.5%;margin-right: 1.5%;background: url(../images/so2_bg.jpg);box-shadow: 0 0 3px 0px #3f74fe14;border-radius: 8px;transition: all .5s;background-size: cover;background-position: bottom;}
.ca01 ul li:hover{box-shadow: 0 15px 30px rgba(63,116,254,.25);transform: translate3d(0,-8px,0);}
.ca01 ul li:nth-child(3n+3){margin-right: 0;}
.ca01 ul li .info{padding:2vw}
.ca01 ul li .info .t1{font-size:1.254vw;color:#181818;font-weight:700;margin-bottom:1vw}
.ca01 ul li .info .text{color:#6e6e6e;font-size:.835947vw;line-height: 2;}
@media screen and (max-width: 1080px){
.ca01{padding: 90px 0 60px;}
.ca01 ul li .info{padding: 22px;}
.ca01 ul li .info .t1{font-size: 20px;}
.ca01 ul li .info .text{font-size: 15px;line-height: 1.8;}
}
@media screen and (max-width: 768px){
.ca01 ul li{width: 48.5%;margin-bottom: 3%;}
.ca01 ul li:nth-child(odd){margin-right: 0;margin-right: 3%;}
.ca01 ul li:nth-child(even){margin-right: 0;}
}
@media screen and (max-width: 520px){
.ca01{padding: 60px 0 30px;}
.ca01 ul li{width: 100%;}
.ca01 ul li .info{padding: 20px;}
.ca01 ul li .info .t1{font-size: 17px;margin-bottom: 12px;}
.ca01 ul li .info .text{font-size: 14px;line-height: 26px;}
}



/* ca02 */
.ca02{padding-bottom: 4.5vw; background: #F5F5F7;}
.ca02 .cont{background: url(../images/ca2_bg.jpg);background-size: cover;padding: 2vw;border-radius: 10px;background-position: bottom;}
.ca02 .cont p{font-size: .88vw;color: #666;line-height: 1.8;margin: .58vw 0;}
.ca02 .cont strong{background-image: linear-gradient(90deg, #337dfe, #36C0FB);color: #fff;font-size: .941vw;padding: .35vw 1vw;border-radius: 5px;margin-bottom: .58vw;}
@media screen and (max-width: 1080px){
.ca02{padding-bottom: 60px;}
.ca02 .cont{padding: 25px;border-radius: 8px;}
.ca02 .cont p{font-size: 15px;margin: 5px 0;}
.ca02 .cont strong{font-size: 16px;padding: 6px 10px;margin-bottom: 10px;}
}
@media screen and (max-width: 520px){
.ca02{padding-bottom: 30px;}
.ca02 .cont{padding: 20px;}
.ca02 .cont p{font-size: 14px;line-height: 26px;}
.ca02 .cont strong{font-size: 15px;padding: 4px 10px;}
}


/* ca03 */
.ca03{padding: 4.5vw 0;}
.ca03 a{padding: .88vw;overflow:hidden;background: #F5F5F7;position: relative;display: block;cursor: zoom-in;}
.ca03 a:after{width:0;height:2px;content:"";background-image: linear-gradient(90deg, #337dfe, #36C0FB);transition:all .5s ease;position:absolute;bottom:0;left:50%}
.ca03 a:hover:after{width:100%;transition:all .5s;margin-left:-50%}
.ca03 a .img{position: relative;padding-bottom: 65%;}
.ca03 a .img img{width:100%;height:100%;transition:all .5s;object-fit: cover;position: absolute;}
.ca03 a:hover .img img{transform:scale(1.02);}
.ca03 a p{text-align:center;font-size: .88vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-top: .88vw;}
.ca03 a:hover p {color: #333;}
@media screen and (max-width:1080px){
.ca03{padding: 60px 0;}
.ca03 a{padding: 15px;}
.ca03 a p{font-size: 15px;margin-top: 15px;}
}

@media screen and (max-width:520px){
.ca03{padding: 30px 0;}
.ca03 a{padding: 10px;}
.ca03 a p{font-size: 14px;margin-top: 10px;}
}


/* Big */
.Big{width:100%;position:relative;height:8vw;overflow:hidden;}
.Big .Bigbg{width:200%;position:absolute;bottom:0;left:0;height:100%;animation: waveBig 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;}
.Big .Bigbg>img{width:33.33333%;}
.Big .Bigbg:nth-child(2){-webkit-animation: waveBig 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
animation: waveBig 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;bottom:-20px;z-index:2;}
@-webkit-keyframes waveBig {0%{margin-left:0;}100%{margin-left:-66.66666%;}}
@keyframes waveBig {0%{margin-left:0;}100%{margin-left:-66.66666%;}}
@-webkit-keyframes swell{
0%,100% {transform: translate3d(0, -15px, 0);}
50%{transform: translate3d(0, 5px, 0);}
}
@keyframes swell {
0%,100% {transform: translate3d(0, -15px, 0);}
50%{transform: translate3d(0, 5px, 0);}
}
@media screen and (max-width:1080px){
.Big{height: 100px;}
}
@media screen and (max-width:520px){
.Big{height: 40px;}
}



/* pro01 */
.pro01{padding:5vw 0 8vw;}
.pro01 .cont{display: flex;position: relative;}
.pro01 .cont .left{width: 55%;border-radius: 5px;overflow: hidden;}
.pro01 .cont .left .img img{width: 100%;}
.pro01 .cont .right{position:absolute;border-radius: 5px;overflow:hidden;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.12);padding: 3%;width: 41.5%;bottom: -12%;left: 45%;}
.pro01 .cont .right h2{font-size: 2vw;color: #222;font-weight: bold;}
.pro01 .cont .right .text{color:#666;line-height:2;font-size: .88819vw;margin-top: 1.28vw;}
@media screen and (max-width:1080px){
.pro01{padding:90px 0 120px;}
.pro01 .cont .right{padding: 4%;bottom: -30%;}
.pro01 .cont .right h2{font-size: 26px;}
.pro01 .cont .right .text{font-size: 15px;margin-top: 20px;}
}
@media screen and (max-width:768px){
.pro01{padding: 90px 0 60px;}
.pro01 .cont{flex-wrap: wrap;}
.pro01 .cont .left{width: 100%;}
.pro01 .cont .right{position: initial;width: auto;padding: 25px;}
}
@media screen and (max-width:520px){
.pro01{padding: 60px 0 30px;}
.pro01 .cont .right{padding: 20px;bottom: -30%;}
.pro01 .cont .right h2{font-size: 22px;}
.pro01 .cont .right .text{font-size: 14px;margin-top: 20px;line-height: 26px;}
}



/* pro02 */
.pro02{background: #F5F7FA;padding: 2vw 0 20vw;}
.pro02 h2{font-size: 2vw;color: #222;font-weight: bold;text-align: center;}
.pro02 .cont{position: relative;margin-top: 3.58vw;}
.pro02 .cont ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro02 .cont ul li{width: 33.5%;}
.pro02 .cont ul li .info{padding: 2vw;box-shadow: 0 0 10px 3px #3f74fe14;border-radius: 8px;transition:all .5s;margin: 1vw auto;}
.pro02 .cont ul li .info .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.58vw}
.pro02 .cont ul li .info .top h3{color:#333;font-size:1.25392vw;line-height:1.3;font-weight:700;}
.pro02 .cont ul li .info .top .num{position: relative;}
.pro02 .cont ul li .info .top .num .n{display:block;-webkit-text-fill-color:transparent;-webkit-text-stroke: 1px #3489fe;font-size: 2.58vw;position:relative;font-weight:700;margin-left:auto;}
.pro02 .cont ul li .info .top .num .n2{color: #3489fe;position:absolute;top:0;left:0;opacity:0;transform:translate(25%,25%);transition:all .5s;}
.pro02 .cont ul li .info .text{color:#666;font-size:.835947vw;line-height:1.8;}
.pro02 .cont ul li:hover .info{box-shadow: 0 15px 30px rgba(63,116,254,.25);transform: translate3d(0,-8px,0);}
.pro02 .cont ul li:hover .info .top .num .n2{opacity: 1;transform: translate(3px,3px);}
.pro02 .cont ul li:nth-last-child(1){position: absolute;bottom: -15vw;left: 50%;transform: translate(-50% , 0);}
.pro02.show{padding: 2vw 0 4.5vw;}
.pro02.show .cont ul li{position: initial !important;transform: translate(0) !important;}
.pro02 .cont .pic{width: 33%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;}
.pro02 .cont .pic>div{width:100%}
.pro02 .cont .pic .pic_icon{opacity: 0;}
.pro02 .cont .pic .pic_icon img{width:100%}
.pro02 .cont .pic .pic_on{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.pro02 .cont .pic .pic_on>div{position:absolute;will-change:transform}
.pro02 .cont .pic .pic_on img{width:100%}
.pro02 .cont .pic .pic_on .pic_on01{left:9%;top:55%;width:82%}
.pro02 .cont .pic .pic_on .pic_on02{left:7%;top:30.5%;width:86%}
.pro02 .cont .pic .pic_on .pic_on03{left:41.5%;top:10%;width:17.5%}
.pro02 .cont .pic .pic_on .pic_on03>img{animation:maprotate2 1.2s infinite cubic-bezier(.36,0,.7,1) alternate backwards}
.pro02 .cont .pic .pic_info{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;}
.pro02 .cont .pic .pic_info .pic_star{position:absolute;width:3px;height:0;will-change:margin-bottom;background:linear-gradient(to bottom,#00b0f0,rgba(0,0,255,0));filter:drop-shadow(0 0 6px #00b0f0);-webkit-animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite;animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite;opacity:.5}
.pro02 .cont .pic .pic_info .pic_star:first-child{bottom:20%;left:25%;-webkit-animation-delay:8752ms;animation-delay:8752ms}
.pro02 .cont .pic .pic_info .pic_star:nth-child(2){bottom:24%;left:80%;-webkit-animation-delay:6721ms;animation-delay:6721ms}
.pro02 .cont .pic .pic_info .pic_star:nth-child(3){bottom:32%;left:67%;-webkit-animation-delay:8915ms;animation-delay:8915ms}
.pro02 .cont .pic .pic_info .pic_star:nth-child(4){bottom:28%;left:52%;-webkit-animation-delay:4859ms;animation-delay:4859ms}
.pro02 .cont .pic .pic_info .pic_star:nth-child(5){bottom:34%;left:75%;-webkit-animation-delay:8735ms;animation-delay:8735ms}
.pro02 .cont .pic .pic_info .pic_star:nth-child(6){bottom:44%;left:42%;-webkit-animation-delay:2949ms;animation-delay:2949ms}
.pro02 .cont .pic .pic_info .pic_star:nth-child(7){bottom:38%;left:75%;-webkit-animation-delay:7816ms;animation-delay:7816ms}
.pro02 .cont .pic .pic_info .pic_star:nth-child(8){bottom:27%;left:20%;-webkit-animation-delay:3768ms;animation-delay:3768ms}
.pro02 .cont .pic .pic_info .pic_star:nth-child(9){bottom:34%;left:35%;-webkit-animation-delay:2.62s;animation-delay:2.62s}
.pro02 .cont .pic .pic_info .pic_star:nth-child(10){bottom:45%;left:58%;-webkit-animation-delay:1842ms;animation-delay:1842ms}
@-webkit-keyframes tail{0%{height:0}
30%{height:15%}
100%{height:0}
}
@keyframes tail{0%{height:0}
30%{height:15%}
100%{height:0}
}
@-webkit-keyframes shooting{0%{margin-bottom:0}
100%{margin-bottom:60%}
}
@keyframes shooting{0%{margin-bottom:0}
100%{margin-bottom:60%}
}
@keyframes maprotate2{0%{transform:translateY(0)}
100%{transform:translateY(-12%)}
}
@media screen and (max-width:1080px){
.pro02{padding: 40px 0 280px;}
.pro02.show{padding: 40px 0 60px;}
.pro02 h2{font-size: 26px;}
.pro02 .cont{margin-top: 40px;}
.pro02 .cont ul li:nth-last-child(1){bottom: -220px;}
.pro02 .cont ul li .info{padding: 20px;margin: 10px auto;}
.pro02 .cont ul li .info .top{margin-bottom: 15px;}
.pro02 .cont ul li .info .top h3{font-size: 18px;}
.pro02 .cont ul li .info .top .num .n{font-size: 36px;}
.pro02 .cont ul li .info .text{font-size: 15px;}
}
@media screen and (max-width:768px){
.pro02{padding: 40px 0 60px;}
.pro02 .cont .pic{display: none;}
.pro02 .cont ul li{width: 48.5%;}
.pro02 .cont ul li:nth-last-child(1){position: initial;transform: translate(0);}
}
@media screen and (max-width:520px){
.pro02{padding: 40px 0 30px;}
.pro02.show{padding: 40px 0 30px;}
.pro02 h2{font-size: 22px;}
.pro02 .cont{margin-top: 30px;}
.pro02 .cont ul li{width: 100%;}
.pro02 .cont ul li .info{padding: 15px;margin: 6px auto;}
.pro02 .cont ul li .info .top{margin-bottom: 10px;}
.pro02 .cont ul li .info .top h3{font-size: 17px;}
.pro02 .cont ul li .info .top .num .n{font-size: 32px;}
.pro02 .cont ul li .info .text{font-size: 14px;line-height: 24px;}
}