@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 14px  "Open Sans";color:#333;}
html{font:400 100% "Open Sans"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
body{background:#fff;}
img{width: 100%;}
h2{font-size: 0.38rem;font-weight: 600;}
section{padding-top: 1rem;padding-bottom: 1rem;}
/* banner */
.banner{background: #EBF5FF;width: 100%;padding: 1.43rem 0 1.33rem; z-index: 4;}
.banner_img{right: 0;top: -0.85rem;width: 6.63rem;height: 4.6rem;}
.banner_text{max-width: 7.23rem;}
.banner h2{font-size: 0.44rem;font-style: normal;font-weight: 600;line-height: 170%;margin-bottom: 0.24rem;}
.banner p{font-size: 0.18rem;font-style: normal;font-weight: 400;line-height: 200%;margin-bottom: 0.48rem;}
.btn{border-radius: 0.44rem;background: #0171F3;display: flex;justify-content: center;align-items: center;padding: 0.1rem 0.64rem;color: #FFF !important;font-size: 0.24rem;}
.banner .btn{max-width: 2.64rem;transition: all .3s ease-in-out;}
.banner .btn::after {content: "\e902";font-size: inherit;font-family: iconfont;font-weight: 400;color: inherit;margin-left: .1rem;display: inline-block;width: 0;transition: all .3s ease-in-out;overflow: hidden;}
.banner .btn:hover::after{width: .24rem;}



/* section1 */
.section1{margin-bottom: 1.4rem;}
.section1>h2{text-align: center;margin-bottom: 1.14rem;}
.section1 .content{max-width: 14.4rem;margin: 0 auto;display: flex;justify-content: space-between;}
.section1 .content .item{position: relative;width: 3.3982rem;
height: 3.3783rem;border-radius: 0.2062rem;display: flex; flex-direction: column;align-items: center;justify-content: center;padding: 0 10%;transition: all .3s ease-in-out;}
.section1 .content .item div{margin-top: .7rem;}
.section1 .content .item img{width: 1.7rem;height: 1.7rem; position: absolute;top: -0.9rem;left: 50%;transform: translatex(-50%);}
.section1 .content .item h2{font-size: 0.32rem;font-style: normal;font-weight: 400;color: #000;text-align: center;display: flex;align-items: center;justify-content: center;font-weight: 400;}
.section1 .content .item p {color: #333;font-size: 0.18rem;line-height: 152%;margin: 0.2rem 0;text-align: center;font-weight: 400;min-height: .81rem;transition: all .3s ease-in-out;}
.section1 .content .info{display: none;}
.section1 .content .opposite .item  h2,.section1 .content .opposite .item  p{color: #fff;}

.item1{background: #DEEDFF;;}
.item2{background: #EAFFF7;}
.item3{background: #FFF1E7;}
.item4{background: #FFEAEA;}
.section1 .content .item h2::after{content: "\e902";font-size:.26rem;font-family: iconfont;font-weight: 400;color: inherit;margin-left: .1rem;display: inline-block;width: 0;transition: all .3s ease-in-out;overflow: hidden;}
.section1 .content .item:hover h2::after{width: .30rem;}
.section1 .content .item:hover h2,.section1 .content .item:hover p{color: #fff;}
.section1 .content .item1:hover{background: #59A4FF;}
.section1 .content .item2:hover{background: #2BCE80;}
.section1 .content .item3:hover{background: #FE9951;}
.section1 .content .item4:hover{background: #FF5959;}
.section1 .content .item:hover{transform: translateY(-20px);}
















.section2{padding: 0;height: auto;}
.swiper2 {width: 100%;height: 100vh;position: sticky;top: 0;overflow: hidden;}
.swiper-slide{width: 100%;height: 100%;display: flex;flex-direction: column; align-items: center;justify-content: center;}  
.section2_1{background-color: #F7F1FF;}
.section2_2{background-color: #E9F7FF;}
.section2_3{background-color: #FFF1E7;}
.section2_4{background-color: #D4F8E7;}
.section2 .swiper-wrapper{transition-delay:.3s;transition-timing-function: ease-in-out;}
.swiper2 .swiper-slide .animation{transform:translateY(-2rem);opacity:0;transition:all .3s ease-in-out;}
.swiper2 .ani-slide .animation{transform:translateY(0);opacity:1;}
.section2_scroll{position:absolute;z-index: 3;top: 56%;left: 14%;max-width: 0.32rem;transform: translateY(-56%);}
.section2_scroll p{font-size: 0.24rem;font-weight: 600;}
.swiper-pagination-progressbar.swiper-pagination-vertical{background: rgba(47, 47, 47,0.1);height: 4rem;width: 0.08rem;border-radius: 0.09rem;overflow: hidden;position: relative;margin: 0.17rem auto;}
:root { --swiper-theme-color: }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{border-radius: 0.1rem;width: 0.08rem; background: #2F2F2F;}
.section2_title{font-size: 0.24rem;font-weight: 400;margin: 0.16rem 0 0.93rem;}
.section2_box{max-width: 12rem;width: 100%;height: 4.38rem;display: flex;align-items: center;justify-content: space-between;}
.section2_box_left_img{width: 1.53rem;}
.section2_box_left p{font-size: 0.16rem;font-weight: 400;margin: 0rem 0 0.58rem;max-width: 3.31rem;}
.welcome{width: 3.1rem;height: 0.45rem;border-radius: 0.35rem;background: rgba(0, 0, 0, 0.70);}
.welcome{display: flex;align-items: center;justify-content: center;position: relative;}
.welcome p{font-size: 0.18rem;color: #FBF1FF;font-weight: 400;margin: 0 ;padding-left: 9%;transition: all .3s ease-in-out;}
.welcome img{width: 0.23rem;height: 0.21rem;margin-right: 0.08rem;position: absolute;top: 24%;left: 11%;transition: all .3s ease-in-out;}
.welcome:hover p{padding-left: 0;}
.welcome:hover img{left: 83%;}
.section2_box_right{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.section2_box_right_img{width: 7.1rem;}
.to_boss{display: flex;align-items: center;justify-content: center;width: 8rem;height: 0.57rem;border-radius: 0.08rem;border: 0.02rem solid rgba(0, 0, 0, 0.08);background: rgba(255, 255, 255, 0.50);margin-top: -0.05rem;transition: all .3s ease-in-out;}
.to_boss:hover{background:rgba(255, 255, 255, 0.70) ;}
.to_boss p{font-size: .18rem;}
.to_boss span{color: #30BBB1;font-size: .18rem; text-decoration: underline;}

.section3{padding: 0;min-height: 15rem;overflow: hidden;z-index: 4;background: #FFF;}
.section3_box{width: 19.2rem;max-width: 19.2rem; transform-origin: 50%;display: flex;position: relative;left: 50%;transform: translateX(-50%) rotate(-10deg);}
.section3_box>img{max-width: 3.35rem;position: absolute;}
.section3_img_1{top: 3.2rem;left: -2.8rem;transition: all 0.9s;}
.section3_img_2{top: 1.07rem;left: 0.8rem;transition: all 1.2s;}
.section3_img_3{top: 2.3rem;left: 4.4rem;transition: all 0.7s;}
.section3_img_4{top: 4.2rem;left: 8rem;transition: all 1.5s;}
.section3_img_5{top: 3.4rem;left: 11.6rem;transition: all 0.8s;}
.section3_img_6{top: 4.07rem;left: 15.3rem;transition: all 1.4s;}
.section3_text{width: 6.4rem;height: 3.07rem;display: flex;flex-direction: column;align-items: center;justify-content: space-between;position: absolute;top: 7.4rem;left:4.58rem;transition: all 0.9s;}
.section3_text img{width: 1.02rem;height: 0.9rem;display: block;}
.section3_text p{font-size: 0.24rem;}   
.section3_text .special{display: block;width: 100%;
    background: linear-gradient(90deg, #FFF3EC 3.63%, #EDF8F8 46.96%, #E7E3FF 87.08%, #FFDEE6 106.34%);text-align: center;line-height: 1.7;border-radius: 0.1136rem;}
.section3_text:hover {cursor: url('../img/cursor.svg'), auto;}


.section4{width: 100%;height: 5rem;background: #2F2F2F;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.section4_box{ max-width: 9.6rem;width: 100%; height: 3.7rem;background: #3A3A3A;border: 0.01rem solid #9D9D9D;border-radius: 0.21rem;box-shadow: 0rem 0.04rem 0.04rem 0rem rgba(0, 0, 0, 0.25);padding-top: 0.59rem;}
.section4_box h2{color: #FFF;text-align: center;font-size: 0.4rem;}   
.section4_box p{color: #FFF;text-align: center;font-size: 0.2rem;}
.address{margin: 0.16rem 0;} 
.section4_btn_box{display: flex;align-items: center;justify-content: center;margin-top: 0.48rem;}
.section4_btn_box a{display: flex;width: 3.71rem; height: 0.64rem;padding: 0.08rem 0.32rem;justify-content: center;align-items: center;color: #FFF;text-align: center;font-size: 0.2rem;border-radius: 0.5rem;border: 0.01rem solid #FFF;transition: all .7s ease-in-out;} 
.section4_btn_box a:first-child{background: #0171F3; border: none;padding-left: 0.64rem;margin-right: 0.24rem;} 
.section4_btn_box a:first-child img{width: 0.32rem;height: 0.32rem;position: absolute;top: 23%;left: 7%;transition: all .7s ease-in-out;}
.section4_btn_box a:hover{background: rgba(255, 255, 255, 0.10);}
.section4_btn_box a:first-child:hover{background: #288CFF;padding-left: 0;}
.section4_btn_box a:hover img{
left: 85%;
}

.slogan1{width: 2.17rem;top: 1.2rem;left: -1.65rem;}
.slogan2{width: 1.6rem;bottom: 0.82rem;left: -2.32rem;}
.slogan3{width: 2.34rem;top: 0.56rem;right: -2.21rem;}
.slogan4{width: 2.31rem;bottom: 1.16rem;right: -1.51rem;}
@media screen and (max-width:1200px){
    .section2_scroll {top: 60%;}
}
@media screen and (max-width:1100px){
    .welcome{width: 210px;height: 35px;}
}
@media screen and (max-width:1000px){
    .swiper1 .swiper-slide div{margin-top: 0.8rem;}
}
@media screen and (max-width:900px){
    h2{font-size: 26px;}
   body .text_2{font-size: 16px;}
   body .text_3{font-size: 14px;}
   .banner .btn{max-width:150px;width: auto;}
   .swiper2 .swiper-slide{padding: 3%;}
   .section2_title{font-size: 16px;margin: 10px 0 30px;
   }
    .section2_box{flex-direction: column;height: auto;text-align: center;}
    .section2_box_left{order: 2;margin-top: 20px;}
    .section2_box_left_img{display: inline-block;vertical-align: middle;}
    .section2_box_left>p{display: inline-block;vertical-align: middle;max-width:50%;margin: 0 0 0 15px;font-size: 14px;text-align: left;}
    .welcome{margin: 15px auto;}
    .welcome img{width: 15px;height: 15px;}
    .to_boss{font-size: 14px;}
    .section2_box_right_img{width: 85%;}
    .to_boss{width: 90%;}
    .section2_box_left .welcome p{max-width: none;}
    .section2_scroll{top: 53%;left: 2%;}
    
}
@media screen and (max-width:850px){
    .swiper1{margin-left: 0;width: 96%;margin: 0 auto;}
}
@media screen and (max-width:750px){
    .banner_img{position: relative;top: 0;left: 0;right: 0;bottom: 0;margin: 20px auto;max-width: 96%;}
    .banner_text{max-width: 80%;margin: 0 auto;text-align: center;}
    .banner .btn{max-width: 200px;margin: 0 auto;}
    .btn{font-size: 18px;}
    .section1 .content{flex-wrap: wrap;justify-content: space-around;}
    .section1 .content a{width: 45%;margin-bottom: 60px;}
    .section1 .content .item{width: 100%;}
    
    .swiper1 .swiper-slide div{width: auto;}
    .swiper1 .swiper-slide{padding: 20px 10px;height: auto;}
    .to_boss p{font-size: 16px;}

    .swiper1_assembly{flex-direction: column;}
    .swiper1_btns {margin-top: 10px;}
    .pagination1{width: 90% !important;}
    .my-bullet{width: 25%;}
    .section4{height: auto;}
    .section4_box{height: auto;padding: 40px ;width: auto;max-width: 90%;box-sizing: border-box;}
    .section4_btn_box{flex-direction: column;}
    .section4_btn_box a:first-child{margin: 0 0 10px 0;}
    .section4_btn_box a{margin: 0;width: 250px;height: 40px;font-size: 14px;}
    .section4_btn_box a:first-child img{width: 20px;height: 20px;}
    .swiper2 .swiper-slide{padding: 0 3%;}

    
}

@media screen and (max-width:530px){
    .swiper1 .swiper-slide div{margin-top: 26px;margin-left: 0;}
    .section1 .content a{min-width: 60%;margin-bottom: 60px;}
}