.view-link svg{margin-left: 5px;}
.view-link:hover svg{transform: translateX(4px)}

ul.list-link>li{padding-left: 34px;position: relative;}
ul.list-link>li:hover::after{transform: translateX(4px);}
ul.list-link>li:not(:last-child){margin-bottom: 20px;}
ul.list-link>li::after{content: '';background: url(images/go-ico.svg);width: 24px;height: 24px;position: absolute;left: 0;top:0;transition: all ease 0.4s;}

#tp-banner{background-color:#3f1685;padding: 100px 0 602px;margin-bottom: -440px;z-index: 0;}
#tp-banner::after{border:85px solid rgba(255,255,255,0.1);position: absolute;left: -20px;top: -250px;width: 380px;height: 380px;border-radius: 50%;content: '';}
#tp-banner::before{border:140px solid rgba(255,255,255,0.1);position: absolute;right: -200px;top: 20px;width: 550px;height: 550px;border-radius: 50%;content: '';}
#tp-banner .bg{position: absolute;z-index: -1;}
#tp-banner aside::after{position: absolute;left: -50px;bottom: -350px;width: 815px;height: 815px;border-radius: 50%;content: '';background-color: rgba(255,255,255,0.1);}
#tp-banner .tp-lft{top:-200px;left: -600px;}
#tp-banner .tp-rgt{top:-680px;right: -720px;}
#tp-banner .bt-lft{bottom:-100px;left: 0;}
#tp-banner .bt-rgt{bottom:-500px;right: -600px;}
#tp-banner .container::after{content: '';background: url(images/home-banner-bg02.svg) no-repeat center center;position: absolute;right: 0;top: 0;width: 1000px;height:813px;transform: translate(36%,-20%);}
#tp-banner .cont{max-width: 550px;z-index: 1;}
#tp-banner .title{font-size: 54px;padding-bottom: 24px;text-shadow: 3px 6px 0 rgba(0,0,0,0.1);}
#tp-banner .box{width: 120px;}
#tp-banner .ios13{position: absolute;left: 0;bottom:0;}
#tp-banner .reiboot{background-image: linear-gradient(90deg, rgba(255, 105, 158,0.3) 0%, rgba(255, 105, 158,0) 100%);padding: 30px 30px 30px 25px;border-radius: 6px;}
#tp-banner .reiboot .rgt{flex-basis: calc(100% - 160px);}
#tp-banner .reiboot .sub{font-size: 24px;padding-bottom: 12px;display: block;}
#tp-banner .reiboot .desc{opacity: 0.9;padding-bottom: 30px;}
#tp-banner .reiboot .btn{margin: 0 0 20px;}
#tp-banner .reiboot .view-link{opacity: 0.8;}

#pro-group{margin: 0 5%;border-radius: 6px;box-shadow: 0 15px 35px 0 rgba(43,43,88,0.15);}
#pro-group .cell:nth-child(1),#pro-group .cell:nth-child(2),#pro-group .cell:nth-child(3){border-bottom: 1px solid #eee;}
#pro-group .cell:nth-child(2),#pro-group .cell:nth-child(5){border-left: 1px solid #eee;border-right: 1px solid #eee;-ms-flex-preferred-size:calc(33.33333333% - 42px)}
#pro-group .cell{padding: 57px 20px 25px;-ms-flex-preferred-size:calc(33.33333333% - 40px);display: block;}
#pro-group .cell:hover{background-color: #F8F8FD;}
#pro-group .sub{font-size: 24px;padding-bottom: 8px;}
#pro-group .tip{padding-bottom: 30px;}
#pro-group .more-btn{transform: translate(-50%,40px) scale(0);position: absolute;top: 40%;left: 50%;opacity: 0;margin: 0;height: 32px;line-height: 32px;width: 130px;display: block;transition: all ease-in-out 0.4s;border-radius: 2px;}
#pro-group .cell picture{transform-origin: center bottom;transition: all ease-in-out 0.4s;}
#pro-group .cell:hover .more-btn{transform: translate(-50%,0) scale(1);opacity: 1;}
#pro-group .cell:hover .txt{transform: translateY(-20px);color:#2B2B58;}
#pro-group .cell:hover picture{transform: scale(0.75);}

#bt-cont{padding: 160px 0 100px;}
#bt-cont .bg-a{width: 1457px;height: 840px;position: absolute;top: 0;left: 0;z-index: -1;transform: translate(-35%,180px);}
#bt-cont .bg-b{width: 961px;height: 697px;position: absolute;bottom: 0;right: 0;z-index: -1;transform: translateY(65%);}
#bt-cont .awards{max-width: 1060px;margin: 0 auto;}
#bt-cont .awards .lft{background: url(images/home-device.svg) no-repeat;padding: 65px 95px 61px 54px;width: 438px;}
#bt-cont .awards .lft .sub{padding-bottom: 22px;}
#bt-cont .awards .rgt{flex-basis: 50%;}
#bt-cont .awards .rgt .swiper-btns{padding: 60px 4px 5px;}
#bt-cont .awards .rgt .view-link{padding-top: 30px;}
#bt-cont .awards .rgt .switch-btn{background: #fff;border: 1px solid #F9FAFB;box-shadow: 0 3px 6px 0 rgba(50,50,93,0.10);width: 48px;height: 48px;border-radius:50%;}
#bt-cont .awards .rgt .switch-btn:not(.swiper-button-disabled):hover{cursor: pointer;background-color: #FF612E;color: #fff;border-color: #FF612E;}
#bt-cont .awards .rgt .switch-btn.swiper-button-disabled{opacity: 0.68;cursor: not-allowed;}
#bt-cont .awards .rgt .swiper-prev{margin-right: 30px;}
#bt-cont .awards .rgt .swiper-prev svg{transform: rotate(-180deg);}
#bt-cont .awards table{width: 270px;table-layout: fixed;}
#bt-cont .awards table td{border: 1px solid #f1f1f1;height: 78px;padding: 0 12%;}
#bt-cont .awards .title{font-size: 52px;padding-bottom: 20px;}
#bt-cont .news{padding-top: 170px;}
#bt-cont .news>.cell{border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 1px;flex-basis: 32.5%;}
#bt-cont .news>.cell .title{padding: 20px 30px;border-bottom: 1px solid #ececec;}
#bt-cont .news>.cell ul{padding: 25px 30px;}
#bt-cont .news .latest .sub{padding-bottom: 14px;}
#bt-cont .news .hot a{border-radius: 12px;background-color:#FFF0E9;padding: 2px 14px;margin-bottom: 12px;display: block;margin-right: 8px;}
#bt-cont .news .hot a:hover{color: #fff;background-color:#FF612E;}

#bt-cont .service .cell:not(:last-child){margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ededed;}
#bt-cont .service .sub{padding-bottom:10px;}
#bt-cont .service .ico{width: 32px;height: 32px;border-radius: 50%;margin-right: 18px;}
#bt-cont .service .txt{flex-basis: calc(100% - 50px);}
#bt-cont .service .ico.a{background-image: linear-gradient(135deg, #1F90FF 0%, #67C4FF 100%);}
#bt-cont .service .ico.b{background-image: linear-gradient(135deg, #FFAC88 0%, #FF6D63 100%);}
#bt-cont .service .ico.c{background-image: linear-gradient(135deg, #25C691 0%, #A1E7B3 100%);}

#bt-cont .why {padding-top: 120px;}
#bt-cont .why .title{font-size: 36px;padding-bottom: 50px;}
#bt-cont .why .cell{border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);flex-basis: 32.5%;padding: 50px 10px;-ms-flex-preferred-size:calc(32.5% - 20px)}
#bt-cont .why .num{font-size: 24px;padding: 22px 0 12px;}

@media (max-width: 1220px){
    #tp-banner .container::after{display: none;}
    #tp-banner .cont{margin: 0 auto;max-width: 60%;}
}
@media (max-width: 1120px){

}
@media (max-width: 960px){
    #tp-banner{padding: 60px 0 540px;}
    #tp-banner .title{font-size:calc(24px + 3vw)}
    #bt-cont .awards .title{font-size:calc(24px + 2.8vw)}
    #bt-cont .why .title{font-size: calc(18px + 1.5vw);max-width: 100%;}
    #tp-banner .cont{max-width: 100%;}
    #bt-cont{padding: 80px 0 60px;}
    #bt-cont .news{padding-top: 60px;}
    #bt-cont .why{padding-top: 60px;}
}
@media (max-width: 769px){
    #tp-banner .reiboot .lft{width: 120px;margin: 0 auto 20px;}
    #tp-banner .cont .reiboot{background-image: linear-gradient(180deg, rgba(255, 105, 158,0.3) 0%, rgba(255, 105, 158,0) 100%);}
    #tp-banner{margin-bottom: -500px;}
    #tp-banner .reiboot .btn{margin: 10px;}
}
@media(max-width:480px){
    #tp-banner .title{line-height: 1.2;}
    #bt-cont .awards .lft{background: rgba(255,255,255,0.3);padding: 10px 10px;border-radius: 2px;width: 100%;}
    #bt-cont .awards table{width: 100%;}
}