.role-block{background:#f3f3f3;padding:110px 0}.role-block .swiper-slide{align-items:center;width:47.46%}.role-block .swiper-slide:last-child{margin-right:0}.role-block .swiper-slide .item{position:relative}.role-block .swiper-slide .item .info{background:#fff;height:100%;left:0;padding:0 47px;position:absolute;top:0;-webkit-transform:translateY(calc(100% - 80px));transform:translateY(calc(100% - 80px));transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:100%}.role-block .swiper-slide .item .info .title{align-items:center;cursor:pointer;display:flex;font-size:3.2rem;margin-bottom:20px;padding:20px 0}.role-block .swiper-slide .item .info .title .icon{display:none;margin-right:20px;width:55px}.role-block .swiper-slide .item .info .title b{font-weight:400}.role-block .swiper-slide .item .info .title .iconfont{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(40deg,#09addb 30%,#0fbda9);font-size:38px;margin-left:auto;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.role-block .swiper-slide .item .info p{font-size:2.2rem;line-height:28px;margin-bottom:30px}.role-block .swiper-slide .item .info p:last-child{margin-bottom:0}.role-block .swiper-slide .item .slideup{-webkit-transform:translateY(0);transform:translateY(0)}.role-block .swiper-slide .item .slideup .title .icon{display:block}.role-block .swiper-slide .item .slideup .title b{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(40deg,#09addb 30%,#0fbda9);line-height:normal}.role-block .swiper-slide .item .slideup .title .iconfont{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}@media screen and (max-width:960px){.role-block .swiper-slide .item .info{padding:0 15px;-webkit-transform:translateY(calc(100% - 58px));transform:translateY(calc(100% - 58px))}.role-block .swiper-slide .item .info .title{font-size:3rem;margin-bottom:0;padding:10px 0}.role-block .swiper-slide .item .info p{font-size:2rem;margin-bottom:0}.role-block .swiper-slide .item .slideup{-webkit-transform:translateY(0);transform:translateY(0)}.role-block .swiper-slide .item .slideup .title .iconfont{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}}@media screen and (max-width:830px){.role-block{padding:58px 0}.role-block .content .swiper{overflow:visible}.role-block .content .swiper-slide{width:95%}.role-block .content .swiper-slide .item .info{background-color:transparent;margin-top:28.5px;padding:0;position:static;-webkit-transform:translateY(0);transform:translateY(0);transition:none}.role-block .content .swiper-slide .item .info .title{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;margin-bottom:22.5px;padding:0}.role-block .content .swiper-slide .item .info .title .iconfont{display:none}.role-block .content .swiper-slide .item .info .title .icon{display:block;display:none;margin-right:10px;width:30px}.role-block .content .swiper-slide .item .info .title b{-webkit-text-fill-color:initial;background:none;line-height:normal}.role-block .content .swiper-slide .item .info p{font-size:1.25rem;margin-bottom:32.5px}}.article-block{margin-top:126px;overflow:visible}.article-block .title{align-items:flex-start;display:flex;flex-direction:column;font-family:SourceHanSansCNRegular;font-size:4.5rem;line-height:normal}.article-block .title div{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(40deg,#09addb 30%,#0fbda9)}.article-block .banner{border-radius:6px;margin-top:37px;overflow:hidden}.article-block .article-items{margin-top:90px}.article-block .article{display:flex;flex-wrap:wrap}.article-block .article .word-wrap{border-right:1px solid #868686;flex:1;margin-right:6.72%;padding-right:5%}.article-block .article .word-wrap .word{padding:47px 0 85px;position:relative;text-align:left;text-align:initial}.article-block .article .word-wrap .word p{font-family:SourceHanSansCNLight;font-size:2.3rem;line-height:30px}.article-block .article .word-wrap .word .bold{font-family:SourceHanSansCNRegular;font-size:3.4rem;line-height:40px;margin-top:40px}.article-block .article .word-wrap .word:after,.article-block .article .word-wrap .word:before{color:#bababa;content:"“";font-family:MarkProBold;font-size:9rem;left:0;line-height:normal;position:absolute;top:0}.article-block .article .word-wrap .word:after{bottom:0;content:"”";left:auto;right:0;top:auto}.article-block .article .word-wrap .label{font-family:SourceHanSansCNRegular;font-size:2.2rem;text-align:right}.article-block .article .pic-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;width:29.5%}.article-block .article .pic-wrap .pic2{margin-top:5.5%;width:81.1%}.article-block .article1{border-bottom:1px solid #868686;padding-bottom:55px}.article-block .article2{align-items:flex-end;margin-top:51px}.article-block .article2 .word-wrap{border:none;flex:auto;margin-bottom:-12%;margin-left:18.6%;margin-right:0;padding:0;width:100%}.article-block .article2 .pic-wrap{width:38.4%}.article-block .article2 .word-wrap2{flex:1;margin-bottom:6%;margin-left:5%}@media screen and (max-width:830px){.article-block{margin-top:60px}.article-block .title{font-size:2.25rem}.article-block .banner{margin-top:30px}.article-block .article{flex-direction:column;padding-bottom:0}.article-block .article .word-wrap{border:none;flex:auto;margin:0;padding:0;width:100%}.article-block .article .word-wrap .word{padding:35px 0 60px}.article-block .article .word-wrap .word p{font-size:1.5rem;line-height:24px}.article-block .article .word-wrap .word .bold{font-size:2rem;line-height:26px;margin-top:26px}.article-block .article .word-wrap .word:after,.article-block .article .word-wrap .word:before{font-size:5rem}.article-block .article .word-wrap .label{font-size:1.5rem;margin-top:-15px}.article-block .article .pic-wrap{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin-top:17px;width:100%}.article-block .article .pic-wrap .pic1{flex-shrink:0;width:52.4%}.article-block .article .pic-wrap .pic2{background:#fff;margin-top:25px;-webkit-transform:translateY(5%);transform:translateY(5%);width:42%}.article-block .article .word-wrap1{border-bottom:1px solid #868686;padding-bottom:31px}.article-block .article2{margin-top:44px}.article-block .article2 .pic-wrap{-webkit-transform:translate(-7.5%,-8%);transform:translate(-7.5%,-8%)}.article-block .article2 .word-wrap2{margin-top:-10%;width:83%}}.background{background:url(../img/topia/footer.jpg) 50% 0 no-repeat #0c67b0}@media screen and (max-width:830px){.background{background-image:url(../img/topia/mobile/footer.jpg)}}