@font-face{font-family:AbrilFatface;src:url(/AbrilFatface-Regular.ttf)}body{margin:0;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-color: #5a559c;--max-width: 1800px;--bg-gray: #F9F9F9;--text-gray: #959595}a{color:#000;text-decoration:none}html{font-size:14px;-webkit-tap-highlight-color:transparent;width:100vw;overflow-x:hidden;margin:0;padding:0}input{outline:none;background:transparent;border:none;outline:medium}*:focus{outline:none;background-color:transparent}::selection{background:var(--main-color);color:#fff}::-moz-selection{background:var(--main-color);color:#fff}.t1{font-size:.86rem}.t2{font-size:1rem;line-height:1.6}.t3{font-size:1.14rem;line-height:1.6}.t4{font-size:1.43rem}.t5{font-size:2.29rem}.t6{font-size:2.86rem}.t7{font-size:5.71rem}.tm{font-size:1.71rem}@media (max-width: 440px){.t1{font-size:.71rem}.t2,.t3{font-size:.86rem}.t4{font-size:1rem}.t5{font-size:1.43rem}.t6{font-size:1.79rem}.t7{font-size:2.29rem}.tm{font-size:1.43rem}}.underline{width:100%;background-image:linear-gradient(transparent calc(100% - 2px),var(--main-color) 2px);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .7s}.underlineHover:hover .underline{background-size:100% 100%}.footer{width:100vw;background-color:var(--main-color);padding-top:75px}.footer .fcontainer{max-width:var(--max-width);margin:auto;display:grid;grid-template-columns:3fr 3fr 2.3fr;grid-template-rows:auto 150px 75px;grid-template-areas:"logo logo  ." "addr tel copyright";margin:0 5rem;align-items:end}.footer .fcontainer .item p{color:#fff;margin:0;line-height:1.5}.footer .fcontainer .logo{grid-area:logo}.footer .fcontainer .addr{grid-area:addr}.footer .fcontainer .tel{grid-area:tel}.footer .fcontainer .copyright{grid-area:copyright}@media (max-width: 440px){.footer .fcontainer{grid-template-columns:100%;grid-template-rows:auto;grid-template-areas:"logo" "addr" "tel " "copyright";padding:0 2.21rem 2.86rem}.footer .fcontainer .logo{width:14.8rem}.footer .fcontainer .addr{margin-top:4.36rem}.footer .fcontainer .copyright{margin-top:2.7rem}.footer .fcontainer{margin:0}}.navbar{height:175px;width:100vw;background-color:#fff;display:flex;align-items:center}.navbar .nav-container{display:flex;align-items:center;justify-content:space-between;margin:auto;width:100%;margin:0 5rem}.navbar .nav-container .logo{cursor:pointer}.navbar .nav-container .nav-items{display:flex;justify-content:space-around;align-items:center;flex:1;margin-left:100px}.navbar .nav-container .nav-items>div{display:flex;justify-content:flex-start;flex:1;width:100%;margin-left:1rem;cursor:pointer}.navbar .nav-container .nav-items>div.active{background-color:var(--main-color);color:#fff}.navbar .nav-container .nav-items>div.active>a{color:#fff}.navbarm{display:none}@media (max-width: 440px){.navbar{display:none}.navbarm{display:block;transition:background-color .5s}.navbarm .open{background-color:var(--main-color)}.navbarm .open .logo{filter:brightness(1000%) grayscale(100%);cursor:none}.navbarm .bar{display:flex;height:6.43rem;align-items:center;padding:0 2rem;justify-content:space-between}.navbarm .logo{height:2.86rem}.navbarm .menu{height:2.86rem;cursor:pointer}.navbarm .items{width:100%;background-color:var(--main-color);padding-bottom:3rem;padding-top:1.9rem;position:absolute;overflow:hidden;z-index:20}.navbarm .items>div{margin:0 3.214rem}.navbarm .search{height:3.2rem;border:1px solid white;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.navbarm .search input{height:2rem;color:#fff;width:100%;margin-right:1rem}.navbarm .navItems{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-items:center;margin-top:2rem!important}.navbarm .navItems .navitem{color:#fff;height:3.28rem;display:flex;padding:0 1rem;align-items:center}.navbarm .navItems .navitem.active{background-color:#fff;color:var(--main-color)}}.container{max-width:var(--max-width);margin:auto auto 10rem}.layout-container{margin:0 5rem 8rem}@media (max-width: 440px){.container{margin:0 2.14rem 8rem}.layout-container{margin:0 0rem 8rem}}.button{padding:.625rem 1.375rem;display:inline-flex;border:1px black solid;align-items:center;cursor:pointer;user-select:none}.button img{margin-left:3.75rem}.button:hover{background-color:var(--main-color);border:1px white solid;color:#fff}.button:hover img{filter:invert(1)}.label{user-select:none;cursor:pointer;width:100%}.label.active{font-weight:bolder;background-color:var(--main-color);color:#fff}.navlayer{user-select:none}.navlayer span{margin-left:1.625rem;cursor:pointer}.navlayer span:nth-child(1){margin-left:0}.navlayer span:nth-last-child(2){font-weight:700}.navlayer img{margin-left:1.625rem}.navlayer img:nth-last-child(1){display:none}@media (max-width: 440px){.navlayer{display:none}}.bannerlabel{width:23.125rem;background-color:var(--bg-gray);padding:.9rem;cursor:pointer}.bannerlabel:hover{background-color:var(--main-color);color:#fff}.bannerlabel:hover .type{color:#fff}.bannerlabel .type{font-weight:700;color:var(--main-color)}.bannerlabel .title{font-weight:700;margin-top:.5rem}.bannerlabel .intro{margin-top:.5rem}.bannerlabel .bottom{margin-top:3.125rem;display:flex;justify-content:space-between;align-items:center}.bannerlabel .bottom img{transition:transform .5s}.bannerlabel:hover .bottom img{filter:invert(1);transform:translate(2rem)}@media (max-width: 440px){.bannerlabel{width:16.875rem}.bannerlabel .bottom .more{display:none}}.innerBannerlabel{width:44.25rem;padding:1.3125rem 2.875rem;background-color:var(--bg-gray)}.innerBannerlabel .type{color:var(--main-color);font-weight:700}.innerBannerlabel .title{margin-top:.5rem;font-weight:700}.innerBannerlabel .intro{margin-top:.5rem;text-align:justify}.innerBannerlabel .bottom{margin-top:3.428rem;display:flex;justify-content:flex-end}@media (max-width: 440px){.innerBannerlabel{width:20.43rem;padding:1.57rem}.innerBannerlabel .bottom .more{display:none}}.pagenator{display:inline-flex;align-items:center;flex:1}.pagenator .rightBtn{transform:rotateY(180deg)}.pagenator img{cursor:pointer}.pagenator .page{display:inline-block;width:3.21rem;height:3.21rem;text-align:center;line-height:3.21rem;margin:0 1.29rem;cursor:pointer;user-select:none}.pagenator .page.active{background-color:var(--main-color);color:#fff}@media (max-width: 440px){.pagenator .page{width:1.79rem;height:1.79rem;font-size:.86rem;line-height:1.79rem}}.studioLabel{background-color:var(--bg-gray);padding:1.43rem;width:34.93rem;cursor:pointer}.studioLabel .title{text-decoration:underline;font-width:bold}.studioLabel .author,.studioLabel .intro{margin-top:1.43rem}.studioLabel .bottom{margin-top:5.7rem;display:flex;justify-content:flex-end}@media (max-width: 440px){.studioLabel{width:18.9rem}.studioLabel .bottom{margin-top:3rem}}.courseBanner{width:100%}.courseBanner img{width:100%;height:40.71rem;object-fit:cover}.courseBanner .bannerBottom{display:flex;justify-content:flex-end}.courseBanner .bannerBottom .innerBannerlabel{position:absolute;transform:translateY(calc(-100% + 3.43rem))}@media (max-width: 440px){.courseBanner{margin-bottom:20rem}.courseBanner img{width:100%;height:20.71rem;object-fit:cover}.courseBanner .bannerBottom{justify-content:center}.courseBanner .bannerBottom .innerBannerlabel{transform:translateY(calc(-50% + 6.41rem))}}.workItem{width:24.86rem;cursor:pointer;user-select:none}.workItem .mainImg{width:24.86rem;height:24.86rem;object-fit:cover}.workItem .title{margin-top:1rem}.workItem .bottom{margin-top:1rem;color:var(--text-gray)}.workItem .bottom span{margin-right:.6rem}.workItem .bottom .likeIcon img{transform:translateY(.1rem)}.workItem .line{margin-top:2rem;background-color:#000c;height:1px;width:10%;transition:width .5s}.workItem:hover .line{width:100%}@media (max-width: 440px){.workItem{width:10.28rem}.workItem .mainImg{width:10.28rem;height:10.28rem}}.newsItem{width:24.86rem;cursor:pointer}.newsItem .mainImg{width:24.86rem;height:14.5rem;object-fit:cover}.newsItem .title{margin-top:1rem}.newsItem .bottom{margin-top:1rem;color:var(--text-gray)}.newsItem .bottom span{margin-right:.6rem}.newsItem .line{margin-top:2rem;background-color:#000c;height:1px;width:10%;transition:width .5s}.newsItem:hover .line{width:100%}@media (max-width: 440px){.newsItem{width:10.28rem}.newsItem .mainImg{width:10.28rem;height:5.86rem}}.backToTop{width:5.71rem;height:5.71rem;background-color:var(--main-color);display:flex;justify-content:center;align-items:center;cursor:pointer;position:fixed;bottom:100px;right:200px;box-sizing:border-box}.backToTop:hover{border:.143rem var(--main-color) solid;background-color:#ffffff4d}.backToTop img{filter:grayscale(100%) brightness(1000%)}.backToTop:hover img{filter:none}@media (max-width: 440px){.backToTop{right:2rem;width:2.14rem;height:2.14rem}.backToTop img{width:1.5rem;height:1.5rem}.backToTop:hover{border:1px var(--main-color) solid;background-color:#fff}}.swpiperActive .swiperItemcss{opacity:1}.swiperItemcss{width:100%;opacity:.3;transition:opacity .5s}.swiperItemcss .swiperImg{width:100%;height:30.5vw;object-fit:cover;transition:box-shadow .5s}.swiperItemcss:hover .swiperImg{box-shadow:.2rem .2rem var(--main-color)}.swiperItemcss .swiperInfo{transform:translateY(-4.5rem)}@media (max-width: 440px){.swiperItemcss .swiperImg{height:16rem}.swiperItemcss .swiperInfo{margin:auto}}.title1 h1{font-weight:400;color:var(--main-color);margin-bottom:5.7rem}@media (max-width: 440px){.title1 h1{margin-bottom:2.6rem}}.newsCard{width:100%;cursor:pointer}.newsCard p{margin:1.75rem 0}.newsCard .mainImg{width:100%}.newsCard .title{font-weight:700;color:var(--main-color)}.newsCard .type{display:flex;align-items:center}.newsCard .type img{transform:translateY(.1rem) rotate3d(0,0,0,720deg);margin-right:1rem;transition:transform .5s;height:2rem;width:2rem}.newsCard:hover .type img{transform:rotate3d(1.6,2,1,1.5turn)}.newsCard .time{color:var(--text-gray);font-style:italic}@media (max-width: 440px){.newsCard .type img{width:.9rem;height:.9rem}}.dropDownButton{width:15rem;background-color:#fff;user-select:none;display:inline-block;padding:1rem}.dropDownButton .interFace{display:flex;justify-content:space-between;align-items:center;color:var(--main-color);cursor:pointer}.dropDownButton .interFace img{margin-right:1rem;transition:transform .5s;transform:translateY(.1rem)}.dropDownButton .items{margin:1rem 0;background-color:#fff}.dropDownButton .items:hover{background-color:var(--main-color);color:#fff}.dropDownButton .items:hover img{filter:brightness(1000%) grayscale(1)}.dropDownButton .dropdown{position:absolute;width:15rem;z-index:22;background-color:#fff;padding:1rem;transform:translate(-1rem)}.loading{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}