*{margin:0;padding:0;border:none;outline:none;list-style:none;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:700}body{font-family:Helvetica Neue,Arial,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft YaHei,"sans-serif";color:var(--Grayblue_01)}.clearfix:after{content:"";display:block;clear:both}.web-show{display:block}.media-show{display:none}.font-italic{font-style:italic}.font-w{font-weight:700}.c-mark{color:#ffdc82}.trans-container{height:calc(100vh - 56px);overflow-y:auto}.trans-wrap{overflow-y:hidden;scrollbar-width:none}.trans-con{-webkit-transition:.3s ease-in;transition:.3s ease-in}.trans-wrap .page-detail{margin:0 auto;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.trans-first-page{background:url(../img/bg.jpg) no-repeat top;background-size:cover}.trans-first-page .bg-bt{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:20px 0 0;height:101px}.trans-first-page .page-detail{max-width:1800px;padding-top:50px}.trans-first-page h1{font-size:64px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:5px}.trans-first-page .subtitle p{font-size:32px;text-align:center}.trans-first-page h1 span:first-of-type{color:var(--Primayblue_03)}.trans-intro-ul ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin:80px auto 0;width:1600px}.trans-intro-ul ul li{position:relative;margin-right:50px;width:362.5px;-webkit-box-sizing:border-box;box-sizing:border-box}.trans-intro-ul ul li:last-of-type{margin-right:0}.trans-intro-ul ul li:before{content:"";display:block;position:absolute;top:-14px;bottom:-62px;left:16px;right:16px;opacity:.6;border-radius:16px}.trans-intro-ul ul li:first-of-type h4{color:var(--Primayblue_03)}.trans-intro-ul ul li:nth-of-type(2) h4{color:#238f96}.trans-intro-ul ul li:nth-of-type(3) h4{color:#4745bb}.trans-intro-ul ul li:nth-of-type(4) h4{color:#238d74}.trans-intro-ul ul li:first-of-type:before{background:linear-gradient(177deg,#769fff,hsla(0,0%,100%,.16) 59%)}.trans-intro-ul ul li:nth-of-type(2):before{background:linear-gradient(177deg,#3bc2d8,hsla(0,0%,100%,.16) 59%)}.trans-intro-ul ul li:nth-of-type(3):before{background:linear-gradient(177deg,#8176ff,hsla(0,0%,100%,.16) 59%)}.trans-intro-ul ul li:nth-of-type(4):before{background:linear-gradient(177deg,#6ec5a5,hsla(0,0%,100%,.16) 59%)}.trans-li-item{position:relative;min-height:168px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:16px;z-index:1;overflow:hidden;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.7)),to(hsla(0,0%,100%,0)));background:linear-gradient(-180deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,0))}.trans-li-item,.trans-li-item .item-con{-webkit-box-sizing:border-box;box-sizing:border-box}.trans-li-item .item-con{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:24px 30px;border-radius:16px;border:1px solid;-o-border-image:linear-gradient(-180deg,#fff,hsla(0,0%,100%,.2)) 1 1;border-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,.2))) 1 1;border-image:linear-gradient(-180deg,#fff,hsla(0,0%,100%,.2)) 1 1}.trans-li-item h4{font-size:18px;margin-bottom:12px}.trans-li-item p{font-size:16px;line-height:24px}.sec-trans-ul{position:relative;z-index:1;margin-top:64px}.sec-trans-ul h3{font-weight:400;text-align:center;font-size:24px}.sec-trans-ul ul{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1440px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:36px auto 0}.sec-trans-ul ul li{position:relative;margin-right:90px;width:calc(20% - 72px);text-align:center}.sec-trans-ul ul li:last-of-type{margin-right:0}.sec-trans-ul ul li:nth-of-type(2),.sec-trans-ul ul li:nth-of-type(4){padding-top:7px}.sec-trans-ul ul li:first-of-type,.sec-trans-ul ul li:last-of-type{padding-top:14px}.sec-li-item h4{color:var(--Primayblue_03);font-size:16px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sec-li-item h4 span:first-of-type{font-size:20px;font-weight:700;margin-right:2px}.sec-li-item p{color:var(--Grayblue_06);font-size:14px;margin-top:6px}.trans-second-page{background:-webkit-gradient(linear,left top,right top,from(#f8faff),color-stop(62%,#e3ecff),to(#f4f8ff));background:linear-gradient(90deg,#f8faff,#e3ecff 62%,#f4f8ff)}.trans-second-page .page-detail{max-width:1366px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.trans-second-page h2{font-weight:400;font-size:40px}.trans-slide-tab{display:-webkit-box;display:-ms-flexbox;display:flex;background:linear-gradient(89deg,hsla(0,0%,100%,0),#fbfeff 33%,#fdfeff 67%,hsla(0,0%,100%,0));padding:6px 40px;margin:40px 0}.trans-tab-item{font-size:14px;border-radius:30px;color:var(--Grayblue_07);margin-right:10px;padding:10px 38px}.trans-tab-item:hover{cursor:pointer;color:var(--Primayblue_03)}.trans-tab-item:last-of-type{margin-right:0}.trans-tab-item.active{color:#fff;font-weight:700;background:-webkit-gradient(linear,left top,right top,from(#a0b5ff),to(#3470ff));background:linear-gradient(90deg,#a0b5ff,#3470ff)}.trans-slide-wrap{position:relative;width:1366px;height:620px}.trans-slide-wrap:after{content:"";display:block;position:absolute;bottom:-90px;right:0;width:539px;height:280px;background:#d0deff;border-radius:50%;-webkit-filter:blur(79.5px);filter:blur(79.5px)}.trans-img-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:.3s;transition:.3s;z-index:1}.trans-img-slide.active{opacity:1}.trans-img-slide img{width:100%;height:100%;display:block}@media only screen and (max-width:1600px){.trans-wrap .page-detail{width:100%;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.trans-first-page h1{font-size:50px;margin-top:30px}.trans-first-page .subtitle p{font-size:24px}.trans-intro-ul ul{width:100%;margin:40px auto 0}.trans-intro-ul ul li{margin-right:30px;width:calc(25% - 22.5px)}.trans-intro-ul ul li:before{bottom:-20px}.trans-li-item{min-height:150px}.trans-li-item .item-con{padding:24px 20px 24px 30px}.trans-first-page .bg-bt{height:80px;-o-object-fit:contain;object-fit:contain}.sec-trans-ul{margin-top:30px}.sec-trans-ul ul{margin-top:20px}.sec-trans-ul ul li{margin-right:36px;width:calc(20% - 28.8px)}.trans-second-page h2{font-size:28px}.trans-tab-item{padding:6px 20px}.trans-slide-tab{margin:16px 0 0}.trans-slide-wrap{width:991px;height:450px}}@media only screen and (max-width:1280px){.sec-li-item h4 span:first-of-type{font-size:18px}.sec-trans-ul ul li{margin-right:20px;width:calc(20% - 16px)}}@media only screen and (max-width:1200px){.sec-li-item h4{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.web-show{display:none}.media-show{display:block}.trans-wrap .page-detail{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:20px}.trans-first-page h1{margin-bottom:10px}.trans-con,.trans-intro-page,.trans-wrap{height:auto!important}.trans-con{-webkit-transform:none!important;transform:none!important}.trans-slide-wrap{height:auto;text-align:center}.trans-slide-tab{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-align:center}.trans-img-slide{position:static;opacity:1;margin-bottom:30px}.trans-slide-wrap:after{display:none}.trans-tab-item:hover{cursor:default;color:var(--Grayblue_07)}.trans-tab-item.active{color:#fff}}@media only screen and (max-width:1024px){.trans-intro-ul ul li{margin-right:20px;width:calc(25% - 15px)}.trans-li-item{min-height:100%}.trans-slide-wrap{width:100%}}.page-match .sec-li-item h4 span:first-of-type{font-size:18px}.page-match .sec-trans-ul ul li{margin-right:20px;width:calc(20% - 16px)}.page-match .sec-li-item h4{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-match .web-show{display:none}.page-match .media-show{display:block}.page-match .trans-wrap .page-detail{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:50px 20px 20px}.page-match .trans-first-page h1{margin-bottom:10px}.page-match .trans-con,.page-match .trans-second-page,.page-match .trans-wrap{height:auto!important}.page-match .trans-con{-webkit-transform:none!important;transform:none!important}.page-match .trans-slide-wrap{height:auto;text-align:center}.page-match .trans-slide-tab{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-align:center}.page-match .trans-img-slide{position:static;opacity:1}.page-match .trans-slide-wrap:after{display:none}.page-match .trans-intro-ul ul li{margin-right:20px;width:calc(25% - 15px)}.page-match .trans-li-item{min-height:100%}.page-match .trans-slide-wrap{width:100%}@media only screen and (max-width:1366px){.trans-container{height:calc(100vh - 48px)}}@media only screen and (max-width:767px){html{font-size:2.66667vw}.trans-container p,.trans-tab-item{font-size:1.4rem}a:active,a:focus,a:hover,a:link,a:visited,button,li{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;list-style-type:none}.web-show{display:none}.media-show{display:block}.trans-first-page h1{font-size:2rem;letter-spacing:0}.sec-trans-ul h3,.trans-second-page h2{font-size:1.8rem}.sec-li-item h4,.trans-first-page .subtitle p,.trans-li-item h4{font-size:1.6rem}.sec-trans-ul ul,.trans-intro-ul ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sec-trans-ul ul li,.trans-intro-ul ul li{margin:0 0 3rem 0;width:100%}.trans-intro-ul ul li{margin:0 0 50px 0}.trans-intro-ul ul li:before{bottom:-20px}.sec-trans-ul,.sec-trans-ul ul{margin-top:20px}.sec-li-item h4{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}