@charset "utf-8";
/* CSS Document */
body,html{ width:100%; font-size:10px; -webkit-text-size-adjust:none; color:#1f1f1f; font-family:"苹方","思源黑体","微软雅黑","宋体", "新宋体", Arial; background:#ffffff; float:left; padding: 0; margin: 0; overflow-x: hidden;}

@font-face {
    font-family: 'Bebas Neue Light';
    src: url('../bn_font/BebasNeue Light.otf');
}

.publicTitle{ width: 100%; height: auto; float: left; text-align: center; position: relative; color: #222222;}
.publicTitle.text-left{ text-align: left;}
.publicTitle span{ width: 100%; height: auto; float: left; opacity: 0.1; position: absolute; top: 0; left: 0; font-size: 5rem; line-height: 3.5rem; font-family: Bebas Neue Light;}
.publicTitle span.fs90{ font-size: 4.5rem; line-height: 3.25rem;}
.publicTitle p{ width: 100%; height: auto; float: left; margin-top: 1.6rem; font-size: 2rem; line-height: 2rem; font-weight: bold;}
.publicTitle p.fs90{ margin-top: 1.25rem;}
.publicTitle .white{ color: #ffffff;}

#main{width: 100%; height: auto; box-sizing: border-box; float: left;}

#mainN1{width: 100%; height: 600px; float: left; background: url("../bn_images/assistant_N1_bg.png") no-repeat center center; background-size: cover; overflow: hidden;}
#mainN1 .mainN1In{width: 1200px; height: auto; margin: 0 auto; padding-top: 145px;}
#mainN1 .mainN1In .mainN1L{width: 50%; height: auto; float: left; margin-top: 30px;}
#mainN1 .mainN1In .mainN1L .mainN1LT{width: 100%; height: auto; line-height: 1; font-size: 40px; color: #FFFFFF;}
#mainN1 .mainN1In .mainN1L .mainN1LM{width: 100%; height: auto; line-height: 1; font-size: 14px; color: #FFFFFF; margin-top: 23px;}
#mainN1 .mainN1In .mainN1L .mainN1LB{width: 100%; height: auto; margin-top: 50px;}
#mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBL{display: block; width: 190px; height: 210px; box-sizing: border-box; background-color: #FFFFFF; padding-top: 18px; float: left; border-radius: 10px; overflow: hidden;}
#mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBL .mainN1LBLT{width: 150px; height: 150px; margin-left: 20px;}
#mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBL .mainN1LBLT img{width: 100%; height: 100%;}
#mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBL .mainN1LBLB{width: 100%; height: auto; font-size: 14px; color: #333333; line-height: 1; margin-top: 13px; text-align: center;}
#mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBM{display: none;}
#mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBR{display: block; width: 260px; height: auto; box-sizing: border-box; margin-left: 45px; float: left; margin-top: 25px;}
#mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBR .mainN1LBRT{width: 100%; height: 60px; text-align: center; color: #FEFEFE; font-size: 18px; line-height: 60px; background-color: #5670fe; border-radius: 30px; overflow: hidden;}
#mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBR .mainN1LBRT span{display: inline-block; padding-left: 50px; background: url("../bn_images/assistant_iPhone.png") no-repeat left center;}
#mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBR .mainN1LBRB{width: 100%; height: 60px; text-align: center; color: #FEFEFE; font-size: 18px; line-height: 60px; background-color: #BBBBBB; border-radius: 30px; overflow: hidden; margin-top: 20px;}
#mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBR .mainN1LBRB span{display: inline-block; padding-left: 50px; background: url("../bn_images/assistant_android.png") no-repeat left center;}
#mainN1 .mainN1In .mainN1R{width: 50%; height: auto; float: right; position: relative;}
#mainN1 .mainN1In .mainN1R .mainN1RIn{width: 50%; height: auto; position: absolute; left: 50%; transform: translateX(-50%);}
#mainN1 .mainN1In .mainN1R .mainN1RIn img{width: 100%; height: auto; object-fit: cover;}
@media (max-width: 1100px){
    #mainN1{width: 100%; height: 23rem; float: left; background: url("../bn_images/assistant_N1_bg.png") no-repeat center center; background-size: cover; overflow: hidden;}
    #mainN1 .mainN1In{width: 100%; height: auto; margin: 0 auto; padding-top: 5.75rem;}
    #mainN1 .mainN1In .mainN1L{width: 50%; height: auto; float: left; padding-left: 1.5rem; margin-top: 1.4rem; box-sizing: border-box;}
    #mainN1 .mainN1In .mainN1L .mainN1LT{width: 100%; height: auto; line-height: 3rem; font-size: 2.5rem; font-weight: bold; color: #FFFFFF; letter-spacing: 0.25rem;}
    #mainN1 .mainN1In .mainN1L .mainN1LM{width: 100%; height: auto; line-height: 1; font-size: 1.1rem; color: #FFFFFF; margin-top: 0.65rem;}
    #mainN1 .mainN1In .mainN1L .mainN1LB{width: 100%; height: auto; margin-top: 2rem;}
    #mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBL{display: none;}
    #mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBM{display: block; line-height: 2.5rem; width: 14rem; height: auto; color: #4A5DD5; font-size: 1.1rem; font-weight: 500; text-align: center; background-color: #FFFFFF; border-radius: 1.25rem;}
    #mainN1 .mainN1In .mainN1L .mainN1LB .mainN1LBR{display: none;}
}




#mainN2{display: block; width: 100%; height: auto; float: left; box-sizing: border-box; margin-top: 80px;}
#mainN2 .mainN2In{width: 1200px; height: auto; margin: 0 auto;}

#mainN2 .mainN2In .mainN2T{width: 100%; height: auto; float: left;}

#mainN2 .mainN2In .mainN2B{width: 100%; height: auto; float: left; margin-top: 170px;}
#mainN2 .mainN2In .mainN2B li{margin-bottom: 173px;}
#mainN2 .mainN2In .mainN2B li:last-child{margin-bottom: 0;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1{width: 100%; height: 260px; position: relative;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1M{width: 100%; height: 100%; background-color: #F5F5F9;  position: absolute; left: 0; top: 0;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1T{width: 360px; height: 200px; position: absolute; left: 0; top: -120px; background: url("../bn_images/assistant_li_bg.png") no-repeat center center; background-size: 100% 100%;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1TCopy{right: 0; left: auto;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L{width: auto; height: auto;  position: absolute; left: 50px; top: 50%; transform: translateY(-50%);}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1LCopy{right: 50px; left: auto; text-align: right;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LT{width: auto; height: auto; font-size: 32px; color: #333333; line-height: 1; margin-bottom: 30px;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LT span{display: inline-block; padding-bottom: 10px; border-bottom: 4px solid #666666;}

#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LM{width: auto; height: auto; font-size: 22px; color: #333333; line-height: 1; box-sizing: border-box; padding-left: 20px; position: relative; margin-bottom: 25px;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LMCopy{padding-left: 0; padding-right: 20px;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LM div{width: 8px; height: 8px; border-radius: 50%; background-color: #666666; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LM .spot{left: auto; right: 0;}


#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LB{width: auto; height: auto; font-size: 16px; color: #333333; line-height: 1; box-sizing: border-box; padding-left: 20px; position: relative; margin-bottom: 20px;}

#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LB_active{font-size: 22px; color: #5670fe;}

#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LBCopy{padding-left: 0; padding-right: 20px;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LB div{width: 8px; height: 8px; box-sizing: border-box; border: 1px solid #666666; background-color: transparent; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LB_active div{background-color: #5670fe; border: 1px solid #5670fe;}

#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1L .mainN2B_PcN1LB .spot{left: auto; right: 0;}




#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1R{width: 790px; height: 300px; box-sizing: border-box; overflow: hidden; background-color: #5670fe; position: absolute; right: 50px; top: -90px; box-shadow: 0 5px 16px 0 rgba(0,0,0,0.20);}


.swiper-container-1 {
    width: 100%;
    height: 100%;
}

.swiper-container-2 {
    width: 100%;
    height: 100%;
}


.swiper-container-3 {
    width: 100%;
    height: 100%;
}

.swiper-container-4 {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1RCopy{left: 50px; right: auto;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1R .mainN2B_PcN1RL{width: 530px; height: 300px; float: left; box-sizing: border-box; padding: 50px 0 0 50px; position: relative; overflow: hidden;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1R .mainN2B_PcN1RLCopy{float: right; text-align: right; padding: 50px 50px  0 0;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1R .mainN2B_PcN1RL .mainN2B_PcN1RLT{width: 100%; height: auto; font-size: 22px; color: #FFFFFF; line-height: 1; margin-bottom: 30px;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1R .mainN2B_PcN1RL .mainN2B_PcN1RLM{width: 100%; height: auto; font-size: 14px; color: #FFFFFF; line-height: 20px;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1R .mainN2B_PcN1RL .mainN2B_PcN1RLB{width: auto; height: auto; font-size: 120px; font-family: Bebas Neue Regular; color: #FFFFFF; position: absolute; left: 0; bottom: 0; line-height: 90px; opacity: 0.05;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1R .mainN2B_PcN1RL .mainN2B_PcN1RLBCopy{right: 0; left: auto;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1R .mainN2B_PcN1RR{width: 260px; height: 300px; float: right;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1R .mainN2B_PcN1RR img{width: 100%; height: 100%;}
#mainN2 .mainN2In .mainN2B .mainN2B_PcN1 .mainN2B_PcN1R .mainN2B_PcN1RRCopy{float: left;}

#mainN3{display: none;}

@media(max-width: 1100px){


    #mainN2{display: none;}

    #mainN3{display: block; width: 100%; height: auto; float: left;}
    #mainN3 .mainN3T{width: 100%; height: auto; float: left; margin-top: 4rem; margin-bottom: 2.5rem;}
    #mainN3 .mainN3B{width: 100%; height: auto; float: left;}
    #mainN3 .mainN3B li{width: 100%; height: auto; float: left; padding-bottom: 2rem;}
    #mainN3 .mainN3B .mainN3BT{width: 100%; height: 13rem; float: left; background: url("../bn_images/assistant_li_bg_img.png") no-repeat center center; background-size: cover;}
    #mainN3 .mainN3B .mainN3BT .mainN3BTIn{width: 100%; text-align: center; font-size: 1.8rem; font-weight: 500; color: #FFFFFF; line-height: 1; padding-bottom: 1.2rem; margin-top: 2rem; position: relative;}
    #mainN3 .mainN3B .mainN3BT .mainN3BTIn span{display: inline-block;}
    #mainN3 .mainN3B .mainN3BT .mainN3BTIn div{width: 5rem; height: 0; border-bottom: 0.2rem solid #FFFFFF; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
    #mainN3 .mainN3B .mainN3BB{width: 100%; height: auto; box-sizing: border-box; padding: 0 1.5rem; float: left; margin-top: -6.6rem;}

    #mainN3 .mainN3B .mainN3BB .mainN3BBIn{width: 100%; height: auto; float: left; border-radius: 0.6rem; box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.20); overflow: hidden; padding-bottom: 2rem; background-color: #f6f6f6;}

    #mainN3 .mainN3B .mainN3BB .mainN3BBT{width: 100%; height: auto;  box-sizing: border-box; padding: 0 1.5rem; background: #f6f6f6; border-radius: 0; box-shadow: none; margin-bottom: 0;}


    #mainN3 .mainN3B .mainN3BB .mainN3BBT .mainN3BBTT{width: 100%; height: auto; color: #4A5DD5; font-size: 1.2rem; font-weight: 700; line-height: 1; padding: 2rem 0 1.5rem 0; position: relative;}
    #mainN3 .mainN3B .mainN3BB .mainN3BBT .mainN3BBTT div{position: absolute; left: 0; bottom: 0; font-size: 6.5rem; line-height: 4.7rem; opacity: 0.05; font-family: Bebas Neue Bold; color: #4a5dd5; font-weight: 700;}
    #mainN3 .mainN3B .mainN3BB .mainN3BBT .mainN3BBTTCopy{text-align: right; padding-top: 2.5rem}
    #mainN3 .mainN3B .mainN3BB .mainN3BBT .mainN3BBTTCopy div{left: auto; right: 0;}

    #mainN3 .mainN3B .mainN3BB .mainN3BBT .mainN3BBTB{width: 100%; height: auto; color: #333333; font-size: 1.1rem; font-weight: 400; line-height: 1.8rem;}
    #mainN3 .mainN3B .mainN3BB .mainN3BBT .mainN3BBTBCopy{border-bottom: 1px dashed #dcdcdc; padding-bottom: 2rem;}

}