.big-title .line{width:60px;height:2px;background-color:#00a0e9;margin:18px auto 0}.icon-arron-right{position:relative;width:15px;height:6px;margin-top:-4px;margin-left:8px}.icon-arron-right:before{content:"";position:absolute;bottom:0;right:0;border-bottom:1px solid;border-radius:1px;width:100%}.icon-arron-right:after{content:"";width:6px;border-bottom:1px solid;border-radius:1px;position:absolute;right:0;bottom:0;transform:rotate(45deg);transform-origin:right;-webkit-transform:rotate(45deg);-webkit-transform-origin:right}.page-banner{margin-top:73px;height:240px;background:#f6faff}.page-banner-bg{background-size:1920px 240px}.page-banner-title{position:absolute;left:0;top:0;width:100%;height:100%}.page-banner-title .max-width-1200{display:flex;align-items:center;text-align:left;justify-content:flex-start}.page-banner-title .text1{display:flex;font-size:42px;line-height:52px;letter-spacing:1.5px;color:#2c2e4c;padding:8px 60px 8px 25px;background-image:linear-gradient(90deg,#cad0ff 0,rgba(202,208,255,.05) 100%);position:relative}.page-banner-title .text1::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:#596efb}.journal{padding:55px 0}.journal ul{display:flex;flex-wrap:wrap;flex-direction:row;margin:20px -11px 0}.journal ul li{width:calc(50% - 24px);margin:11px}.journal ul li .item-list{position:relative;width:100%;height:100%;display:block}.journal ul li .item-list h5{width:308px;height:26px;padding-left:42px;border:2px solid rgba(255,255,255,.82);border-bottom:0;border-right:0;background:#55b5fd;border-radius:20px 0 0;position:relative;z-index:2}.journal ul li .item-list .icon-tags{position:absolute;left:334px;top:10px;width:0;height:0;border-top:18px solid rgba(0,0,0,0);border-right:18px solid rgba(0,0,0,0);border-bottom:18px solid #55b5fd;border-left:18px solid rgba(0,0,0,0);transform:rotate(-135deg)}.journal ul li .item-list .icon-line{position:absolute;left:365px;top:-5px;width:2px;height:37px;background-color:rgba(255,255,255,.82);transform:rotate(135deg)}.journal ul li .item-list .item-title{width:calc(100% - 4px);height:auto;background-image:linear-gradient(180deg,#55b5fd 0,#4f6ffe 100%);border:2px solid rgba(255,255,255,.82);border-radius:0 20px 20px;box-shadow:0 14px 24px rgba(78,93,244,.36);margin-top:-2px}.journal ul li .item-list .item-title .item-img{width:calc(100% - 82px);height:auto;padding:20px;display:flex;align-items:center;background:#f1f3ff;border:2px solid rgba(255,255,255,.82);border-radius:14px;margin:19px}.journal ul li .item-list .item-title .item-img::after{content:'';position:absolute;right:50px;bottom:55px;width:68px;height:68px;background-image:url(/static/images/xiaoyi_2018/journal/icon-journal1.png);background-position:center;background-size:auto 68px;background-repeat:no-repeat;opacity:.45}.journal ul li .item-list .item-title .item-img img{max-width:245px;height:auto}.journal ul li .item-list .item-title .item-img p{line-height:28px;color:#102c66;padding-right:15px}.journal ul li .item-list .item-text2{display:flex;align-items:center;position:relative;margin:8px 30px 0}.journal ul li .item-list .item-text2 span{float:left;width:auto;height:34px;display:flex;align-items:center;justify-content:center;line-height:24px;font-size:16px;color:#fff;letter-spacing:.75px;padding:0 15px;background-image:linear-gradient(90deg,#6dc8fb,#48bbff);background-color:#6dc8fb;border-radius:0 17px 17px 0}.journal ul li .item-list .item-text2 p{display:flex;justify-content:flex-end;width:calc(100% - 114px);font-style:normal;font-size:14px;color:#b2e3ff;text-align:right;position:relative}.journal ul li .item-list .item-text2 p .icon-arron-right{margin-top:5px}.journal ul li .item-list .item-text1{font-size:22px;color:#fff;font-weight:bold;line-height:32px;letter-spacing:.5px;margin:6px 30px 0}.journal2{padding:55px 0;background:#f2f6ff}.journal2 ul{display:flex;flex-wrap:wrap;flex-direction:row;margin:30px -11px 0}.journal2 ul li{width:calc(33.33% - 28px);background-image:linear-gradient(180deg,#55b5fd 0,#4f6ffe 100%);border:2px solid rgba(255,255,255,.82);border-radius:20px;box-shadow:0 14px 24px rgba(78,93,244,.36);margin:0 11px 30px}.journal2 ul li .item-list{display:block;padding:25px 22px;background:#f1f3ff;border:2px solid rgba(255,255,255,.82);border-radius:20px 16px 16px 20px;margin:13px}.journal2 ul li p{width:auto;height:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:28px;font-size:18px;color:#fff;letter-spacing:.5px;padding:0 10px;background-image:linear-gradient(90deg,#6dc8fb,#48bbff);background-color:#6dc8fb;border-radius:0 19px 19px 0}.journal2 ul li .img{padding-top:20px;display:flex;align-items:center;justify-content:center;height:auto;overflow:hidden;margin:0 25px}.journal2 ul li .img img{max-width:100%;height:auto}.journal2~.journal2{background:none}.journal2~.journal2 ul li{width:calc(25% - 26px)}.journal2~.journal2 ul li .item-list{padding:58px 0 25px;position:relative}.journal2~.journal2 ul li h6 a{position:absolute;left:20px;right:25px;top:20px;color:#596efb;font-size:18px;line-height:26px;padding-left:16px}.journal2~.journal2 ul li h6 a::before{content:'';position:absolute;left:0;top:9%;width:3px;height:82%;background:#596efb}.journal3{padding:55px 0}.journal3 .swiper-slide{position:relative}.journal3 .swiper-container{position:initial;padding-bottom:10px;margin:30px -11px 0}.journal3 .swiper-container .swiper-wrapper{margin-bottom:10px}.journal3 .swiper-slide .content-wrapper{margin:10px;background-image:linear-gradient(180deg,#55b5fd 0,#4f6ffe 100%);border:2px solid rgba(255,255,255,.82);border-radius:20px;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out}.journal3 .swiper-slide .content-wrapper:hover{transform:translateY(-10px)}.journal3 .swiper-slide .content-wrapper a{display:block;margin:13px;padding:25px 0 25px;background-color:#f1f3ff;border:2px solid rgba(255,255,255,.82);border-radius:20px;position:relative}.journal3 .swiper-slide .content-wrapper a .title-section h6{color:#596efb;font-size:18px;line-height:26px;padding-left:16px;position:absolute;left:20px;right:25px}.journal3 .swiper-slide .content-wrapper a .title-section h6::before{content:'';position:absolute;left:0;top:9%;width:3px;height:82%;background:#596efb}.journal3 .swiper-slide .content-wrapper a .image-container{display:flex;margin:0 25px;align-items:center;justify-content:center;height:auto;overflow:hidden}.journal3 .swiper-slide .content-wrapper a .image-container img{display:block;margin-top:55px;width:100%;height:auto;object-fit:cover}.journal3 .swiper-container .swiper-button-next,.journal3 .swiper-container .swiper-button-prev{margin:7px 7px 7px;width:48px;height:48px;border-radius:50%;background:linear-gradient(-90deg,#01adff,#5570fb);box-shadow:2px 3px 10px 0 rgba(1,173,255,.28);z-index:3}.journal3 .swiper-container .swiper-button-next:after,.journal3 .swiper-container .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;margin:-13px 0 0 -9px;width:18px;height:26px;background-image:url(/static/images/xiaoyi_2018/product/wonderBI/personal/icon2.png);background-position:-258px -85px;background-repeat:no-repeat;transform:rotate(180deg);-webkit-transform:rotate(180deg)}.journal3 .swiper-container .swiper-button-next:after{transform:rotate(0);-webkit-transform:rotate(0)}.journal3 .swiper-container .swiper-button-next{right:-23px}.journal3 .swiper-container .swiper-button-prev{left:-23px}.journal3 .swiper-container .swiper-button-next:hover,.journal3 .swiper-container .swiper-button-prev:hover{background-image:linear-gradient(-90deg,#09f 0,#575dfa 100%);background-color:#5064e6}.journal3 .swiper-button-next.swiper-button-disabled,.journal3 .swiper-button-prev.swiper-button-disabled{pointer-events:auto}.journal3 .swiper-container .swiper-pagination{bottom:0 !important;top:auto;left:0;right:auto;width:100%;height:9px;text-align:center;font-size:0}.journal3 .swiper-container .swiper-pagination-bullet{display:inline-block !important;background:none;opacity:1;margin:0 6px !important;width:9px;height:9px;position:relative;outline:0;vertical-align:middle}.journal3 .swiper-container .swiper-pagination-bullet span{width:3px;height:3px;background:#01adff;display:block;border-radius:50%;margin-top:3px;margin-left:3px}.journal3 .swiper-container .swiper-pagination-bullet i{background:#01adff;height:1px;width:22px;z-index:3;position:absolute;top:4px;transform:scaleX(0);transform-origin:left;transition-timing-function:linear;-webkit-transform:scaleX(0);-webkit-transform-origin:left;-webkit-transition-timing-function:linear}.journal3 .swiper-container .swiper-pagination-bullet-active span,.journal3 .swiper-container .swiper-pagination-bullet:hover span{width:9px;height:9px;margin-top:0;margin-left:0;background:#01adff;position:relative;z-index:1}.journal3 .swiper-container .swiper-pagination-bullet-active i{animation:middle 5s;-webkit-animation:middle 5s}.journal3 .swiper-container .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 5s;-webkit-animation:first 5s}.journal3 .swiper-container .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 5s;-webkit-animation:last 5s}.contact5{padding:55px 0 80px;background:#f2f6ff;overflow:hidden;position:relative}.contact5:after{content:'';position:absolute;bottom:100px;left:-10%;width:120%;height:100px;border-radius:50% 50% 0 0;background-image:linear-gradient(180deg,#5064e6,#596efb)}.contact5:before{content:'';position:absolute;left:0;right:0;height:100px;bottom:0;background-image:linear-gradient(180deg,#596efb,#6b7efb)}.contact5 .max-width-1200{z-index:2}.contact5 ul{display:flex;justify-content:center;margin:35px -12px 0}.contact5 ul li{width:calc(25% - 98px);padding:35px 35px 40px;color:#fff;border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(180deg,#f4f9ff,#e3effe),linear-gradient(100deg,#bdcbff,#fff,#c0ceff);box-shadow:0 2px 1px rgb(255 255 255 / 15%),0 25px 30px rgb(37 98 190 / 20%);border-radius:10px;margin:0 12px}.contact5 ul li .icon{width:26px;height:36px;background:url("/static/images/xiaoyi_2018/about/contactus/icon.png") -7px -200px no-repeat}.contact5 ul li .icon4{width:31px;background-position:-45px -200px}.contact5 ul li .icon2{width:24px;background-position:-84px -200px}.contact5 ul li .icon3{width:30px;background-position:-117px -200px}.contact5 ul li .text1{color:#161829;font-size:16px;line-height:25px;margin-top:14px}.contact5 ul li .line{width:30px;height:2px;background-color:#8896fd;margin-top:10px}.contact5 ul li .text2{line-height:28px;color:#737c93;font-size:13px;margin-top:23px}.contact5 ul li .text3{margin-top:10px}.contact5 ul li .text3 a{display:flex;align-items:center;line-height:26px;color:#596efb;font-size:13px;position:relative;transition:all .3s ease-in-out;padding-left:20px}.contact5 ul li .text3 a::before{content:'';position:absolute;left:0;top:50%;width:5px;height:1px;background:#596efb}.contact5 ul li .text3 a:hover{color:#5064e6;transform:translateX(10px)}.contact5 ul li .text3 a:hover::before{background:#5064e6}@media screen and (min-width:768px){.page-banner{margin-top:73px;height:240px;background:#f6faff}.journal ul li,.journal ul li .item-list .item-text2 p,.journal2 ul li,.contact5 ul li{transition:all .35s ease-in-out}.journal ul li:hover,.journal2 ul li:hover,.contact5 ul li:hover{transform:translateY(-10px)}.journal ul li .item-list .item-text2 p:hover{transform:translateX(10px)}}@media screen and (min-width:768px) and (max-width:1519px){.page-banner-title .text1{display:flex;font-size:36px;line-height:48px}.journal2~.journal2 ul li p span{letter-spacing:0}}@media screen and (max-width:767.98px){.page-banner{margin-top:53px}.page-banner-title .max-width-1200{width:90%}.page-banner-title .text1{font-size:30px;line-height:40px;padding:6px 50px 6px 20px}.journal,.journal2{padding:35px 0 25px}.journal ul,.journal2 ul,.contact5 ul{width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-left:10px;margin:0}.journal ul::-webkit-scrollbar,.journal2 ul::-webkit-scrollbar,.contact5 ul::-webkit-scrollbar{display:none}.journal ul li,.journal2 ul li{width:calc(88% - 16px);min-width:calc(88% - 16px);margin:24px 8px}.journal ul li .item-list .item-title,.journal2 ul li{box-shadow:0 8px 18px rgba(78,93,244,.36)}.journal ul li .item-list h5{width:218px}.journal ul li .item-list .icon-tags{left:244px}.journal ul li .item-list .icon-line{left:275px}.journal ul li .item-list .item-title .item-img{flex-direction:row;flex-wrap:wrap;justify-content:center}.journal ul li .item-list .item-title .item-img p{max-height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-height:24px;padding-right:0}.contact5{padding:40px 0 35px;background-size:cover}.contact5 ul{margin-top:0}.contact5 ul li{width:calc(87% - 66px);min-width:calc(87% - 66px);padding:25px 25px 30px;box-shadow:0 2px 1px rgb(255 255 255 / 15%),0 5px 10px rgb(37 98 190 / 20%);margin:24px 8px}}