@charset "UTF-8";
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:"Microsoft YaHei","微软雅黑",SimSun,"宋体",Helvetica,Arial,sans-serif;font-size:16px;color:#000;background:#fff}
article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,label,legend,li,mark,menu,nav,ol,p,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;line-height:1.3}
p{line-height:1.6}
small{font-size:12px}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child{margin-top:0}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}
ol,ul{list-style:none}
a{color:#333;text-decoration:none}
a:hover{color:#3a8ee6;outline:0;text-decoration:none}
a:focus{color:#3a8ee6;outline:0}
a:active{color:#3a8ee6}
button,input{outline:0}
img{vertical-align:top;max-width:100%}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
ol,ul{list-style-position:inside}
ol>li>p,ul>li>p{display:inline-block}
header+.main{min-height:85vh}
a:hover{color:#8f58c7}
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}
.container{width:1140px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.container .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.container .row .col{position:relative;width:auto;padding-right:15px;padding-left:15px}
@media screen and (max-width:1199px){.container{max-width:960px}
}
@media screen and (max-width:991px){.container{max-width:720px}
}
@media screen and (max-width:767px){.container{width:100%}
}
header{position:relative;background:url(../img/header-bg.png) repeat-x}
@media screen and (max-width:991px){header{background:0 0}
}
header .header-con{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:50px;padding-bottom:30px}
@media screen and (max-width:991px){header .header-con{padding:10px 0}
}
header .logo a{display:block;width:200px;height:54px;overflow:hidden}
header .logo a img{width:100%}
header .menu-btn{display:none}
@media screen and (max-width:991px){header .menu-btn{position:relative;display:block}
}
header .nav{position:relative;z-index:10}
@media screen and (max-width:991px){header .nav{max-height:0;overflow:hidden;position:absolute;top:73px;background:#8f58c7;width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;-webkit-transition:max-height .3s linear;transition:max-height .3s linear}
}
header .nav .menus{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
@media screen and (max-width:991px){header .nav .menus{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20px 0}
}
header .nav .menus .menu{padding:0 20px;min-width:96px;text-align:center}
@media screen and (max-width:1199px){header .nav .menus .menu{min-width:unset;text-align:left;padding:0 10px}
}
@media screen and (max-width:991px){header .nav .menus .menu{padding:0 30px}
}
header .nav .menus .menu a{display:inline-block;text-align:center}
header .nav .menus .menu a img{width:40px;height:40px}
@media screen and (max-width:991px){header .nav .menus .menu a img{display:none}
}
header .nav .menus .menu a:hover p{color:#8f58c7}
header .menu-btn i{font-size:30px;font-weight:400;color:#8f58c7}
header .nav .menus .menu a p{color:#778698;font-size:14px;font-weight:400;margin-top:8px}
@media screen and (max-width:991px){header .nav .menus .menu a p{color:#fff;font-size:16px;font-weight:400;text-align:left}
}
header .nav .menus .menu i{display:none}
@media screen and (max-width:991px){header .nav .menus .menu i{display:block;line-height:40px;float:right;margin-right:50px;color:#fff;font-size:16px;font-weight:400}
}
header .nav .menus .menu .sub-menu{max-height:0;position:absolute;padding-top:30px;padding-bottom:30px;margin-top:0;margin-left:-30px;z-index:2;background:rgba(255,255,255,.8);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
@media screen and (max-width:991px){header .nav .menus .menu .sub-menu{position:relative;padding-top:0;padding-bottom:0;margin-left:0;margin-top:10px;-webkit-transition:max-height .2s linear,padding-top .2s linear,padding-bottom .2s linear;transition:max-height .2s linear,padding-top .2s linear,padding-bottom .2s linear}
}
header .nav .menus .menu .sub-menu li{line-height:30px;padding-left:30px;padding-right:40px}
header .nav .menus .menu .sub-menu li a{text-align:left;color:#6f7985;font-size:14px;font-weight:400}
header .nav .menus .menu .sub-menu li a:hover{color:#8f58c7}
@media screen and (min-width:1200px){header .nav .menus .menu:hover .sub-menu{max-height:500px;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
}
header .nav .menus .menu .sub-menu.active{max-height:500px;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
@media screen and (max-width:991px){header .nav .menus .menu .sub-menu.active{padding-top:20px;padding-bottom:20px}
}
@media screen and (max-width:991px){header .nav.open{max-height:1500px}
}
@media screen and (max-width:991px){header .lang{display:none}
}
header .lang a{display:inline-block;padding:2px 2px;font-size:16px;font-weight:400;color:#666}
header .lang a.active{color:#8f58c7}
header .lang a:hover{color:#8f58c7}
@media screen and (max-width:991px){header .container{max-width:100%}
}
footer .pc{background:#8f58c7;padding-top:35px;padding-bottom:45px}
@media screen and (max-width:991px){footer .pc{display:none}
}
footer .pc .items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
footer .pc .items .item{padding:0 15px}
footer .pc .items .item.logo .cell{width:200px;height:54px;overflow:hidden}
footer .pc .items .item.logo .cell img{width:100%}
footer .pc .items .item.nav{width:30%}
footer .pc .items .item.nav .cell ul li{font-size:14px;line-height:28px;color:#fff;display:inline-block;margin:0 10px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
footer .pc .items .item.nav .cell ul li:hover{-webkit-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}
footer .pc .items .item.nav .cell ul li a{font-size:14px;color:#fff}
footer .pc .items .item.nav .cell ul li a:hover{text-decoration:underline}
footer .pc .items .item.copyright{width:40%}
footer .pc .items .item.copyright .cell ul li{font-size:14px;color:#fff;line-height:28px;display:inline-block;margin:0 5px}
footer .pc .items .item.copyright .cell ul li a{font-size:14px;color:#fff}
footer .pc .items .item.copyright .cell ul li a:hover{text-decoration:underline}
footer .pc .items .item.share .qrcode{width:75px;height:75px;overflow:hidden}
footer .pc .items .item.share .qrcode img{width:100%}
footer .mb{display:none;background:#8f58c7}
@media screen and (max-width:991px){footer .mb{display:block}
}
footer .mb p{font-size:16px;font-weight:400;color:#fff;padding:16px 0;text-align:center}
.main.index .banner .swiper-slide a{display:block;min-height:450px;background-size:cover;background-position:center center}
@media screen and (max-width:991px){.main.index .banner .swiper-slide a{min-height:300px}
}
@media screen and (max-width:767px){.main.index .banner .swiper-slide a{min-height:200px}
}
.main.index .dongtai{position:relative;z-index:1;background:url(../img/bg-index.png) no-repeat center;background-size:cover;padding-top:100px;padding-bottom:80px;margin-top:-65px}
@media screen and (max-width:991px){.main.index .dongtai{background:0 0;padding-bottom:40px}
}
.main.index .dongtai .introduce{text-align:center}
.main.index .dongtai .introduce h2{font-size:30px;font-weight:700;color:#8f58c7}
.main.index .dongtai .introduce .define{margin:30px 0}
.main.index .dongtai .introduce p{width:80%;font-size:16px;font-weight:400;color:#666;display:inline-block;margin-bottom:10px}
.main.index .dongtai .courses .items{margin-bottom:60px}
.main.index .dongtai .courses .items ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-30px;margin-right:-30px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
@media screen and (max-width:991px){.main.index .dongtai .courses .items ul{margin-left:-15px;margin-right:-15px}
}
.main.index .dongtai .courses .items ul li{margin:0 30px;display:block;position:relative;width:330px;height:330px;overflow:hidden;border-radius:10px;text-align:center}
@media screen and (max-width:991px){.main.index .dongtai .courses .items ul li{margin-bottom:30px}
}
@media screen and (max-width:767px){.main.index .dongtai .courses .items ul li{margin-left:0;margin-right:0}
}
.main.index .dongtai .courses .items ul li .tip{position:relative;opacity:1;bottom:42px;padding:5px 10px;border-radius:4px;background:#8f58c7;display:inline-block}
.main.index .dongtai .courses .items ul li .tip p{color:#fff;font-size:20px;font-weight:700}
.main.index .dongtai .courses .items ul li .cover{position:absolute;top:330px;left:0;width:100%;height:100%;background:-webkit-linear-gradient(110deg,rgba(0,0,0,.8),rgba(0,0,0,.3));background:linear-gradient(-20deg,rgba(0,0,0,.8),rgba(0,0,0,.3));background-size:100%;-webkit-transition:top .3s ease-in,opacity .2s ease-out;transition:top .3s ease-in,opacity .2s ease-out}
.main.index .dongtai .courses .items ul li .cover .detail{width:100%;height:100%;padding:30px 30px}
.main.index .dongtai .courses .items ul li .cover .detail h2{font-size:20px;font-weight:700;color:#fff;margin-top:20px;margin-bottom:20px}
.main.index .dongtai .courses .items ul li .cover .detail h2:before{content:"";display:block;position:absolute;width:12px;height:40px;left:0;top:42px;background:#8f58c7}
.main.index .dongtai .courses .items ul li .cover .detail p{color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.main.index .dongtai .courses .items ul li .cover .detail .more{text-align:center;margin:20px 0}
.main.index .dongtai .courses .items ul li .cover .detail .more a{display:inline-block;color:#fff;font-size:14px;font-weight:400;border:1px solid #fff;padding:5px 15px;border-radius:30px;background:0 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.main.index .dongtai .courses .items ul li .cover .detail .more a:hover{background:#fff;border:1px solid #8f58c7;color:#8f58c7}
.main.index .dongtai .courses .items ul li:hover .tip{opacity:0}
.main.index .dongtai .courses .items ul li:hover .cover{top:0}
.main.index .dongtai .courses .more{text-align:center;margin:20px 0}
.main.index .dongtai .courses .more a{display:inline-block;background:#8f58c7;padding:15px 30px;color:#fff;font-size:18px;font-weight:400;opacity:.9;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.main.index .dongtai .courses .more a:hover{opacity:1}
.main.index .contact{margin-top:60px;margin-bottom:60px}
@media screen and (max-width:991px){.main.index .contact{margin-top:30px;margin-bottom:30px}
}
.main.index .contact .items ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
.main.index .contact .items ul li{width:25%;text-align:center}
.main.index .contact .items ul li a{display:inline-block;width:100%}
.main.index .contact .items ul li a img{width:0;-webkit-transition:width .5s ease-out;transition:width .5s ease-out}
.main.index .contact .items ul li a h5{font-size:20px;font-weight:400;color:#666;margin-top:10px;margin-bottom:20px}
.main.index .contact .items ul li a:hover img{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}
.main.index .contact .items ul li a:hover h5{color:#8f58c7}
.main.index .contact.active .items ul li a img{width:100px}
.show.main{min-height:85vh}
.show.main .top{position:relative;height:260px;background:url(../img/about-bg.jpg) no-repeat center}
@media screen and (max-width:767px){.show.main .top{height:150px}
}
.show.main .top .local{position:absolute;bottom:40px}
@media screen and (max-width:767px){.show.main .top .local{bottom:20px}
}
.show.main .top .local h2{font-size:30px;color:#fff}
@media screen and (max-width:767px){.show.main .top .local h2{font-size:24px}
}
.show.main .bread{margin:40px 0}
@media screen and (max-width:767px){.show.main .bread{margin:20px 0}
}
.show.main .bread p a{font-size:12px;color:#666}
.show.main .bread p a+a:before{content:">";padding:0 6px}
.show.main .content{padding-top:0;padding-bottom:100px}
.show.main .content article .post-header{margin-bottom:30px}
.show.main .content article .post-header h2{font-size:26px;font-weight:700;color:#333;margin-bottom:15px}
.show.main .content article .post-header .post-time{color:#333;font-size:14px}
.main.list{min-height:85vh}
.main.list .top{position:relative;height:260px;background:url(../img/about-bg.jpg) no-repeat center}
@media screen and (max-width:767px){.main.list .top{height:150px}
}
.main.list .top .local{position:absolute;bottom:40px}
@media screen and (max-width:767px){.main.list .top .local{bottom:20px}
}
.main.list .top .local h2{font-size:30px;color:#fff}
@media screen and (max-width:767px){.main.list .top .local h2{font-size:24px}
}
.main.list .bread{margin:40px 0}
@media screen and (max-width:767px){.main.list .bread{margin:20px 0}
}
.main.list .bread p a{font-size:12px;color:#666}
.main.list .bread p a+a:before{content:">";padding:0 6px}
.main.list .content{padding-top:0;padding-bottom:100px}
@media screen and (max-width:767px){.main.list .content{padding-bottom:60px}
}
.main.list .content .list .cell{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px 0}
.main.list .content .list .cell .cover{position:relative;width:130px;height:90px;overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.main.list .content .list .cell .cover img{width:100%}
.main.list .content .list .cell .cover .tip{position:absolute;right:0;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#f3f3f3}
.main.list .content .list .cell .cover .tip span{font-size:10px;color:#8f58c7;padding:1px 3px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-color:#333;background-image:-webkit-linear-gradient(-45deg,rgba(0,0,0,.6) 20%,#8f58c7 80%,rgba(0,0,0,.6) 100%);background-size:200%;-webkit-animation:shine 2.5s infinite}
@-webkit-keyframes shine{0%{background-position:0}
70%{background-position:100%}
100%{background-position:0}
}
@keyframes shine{0%{background-position:0}
70%{background-position:100%}
100%{background-position:0}
}
.main.list .content .list .cell .info{margin-left:22px}
.main.list .content .list .cell .info .abstract p{color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.main.list .content .list .cell .info .date{margin-top:10px}
.main.list .content .list .cell .info .date span{font-size:14px;color:#666}
.main.list .content .list .pagination{text-align:center;margin-top:20px;margin-bottom:20px}
.main.list .content .list .pagination li{display:inline-block;padding:8px 14px;margin:0 5px;background:#3a8ee6;border-radius:3px}
.main.list .content .list .pagination li a{color:#fff;font-size:14px}
.main.list .content .list .pagination li a:hover{color:#8f58c7}
.main.list .content .list .pagination li.active{background:#6f7985}
.main.list .content .list .pagination li.active a{color:#fff}
.main.list .content .list .pagination li.active a:hover{color:#8f58c7}
.page-with-sidemenu.main .top{position:relative;height:260px;background:url(../img/about-bg.jpg) no-repeat center}
@media screen and (max-width:767px){.page-with-sidemenu.main .top{height:150px}
}
.page-with-sidemenu.main .top .local{position:absolute;bottom:40px}
@media screen and (max-width:767px){.page-with-sidemenu.main .top .local{bottom:20px}
}
.page-with-sidemenu.main .top .local h2{font-size:30px;color:#fff}
@media screen and (max-width:767px){.page-with-sidemenu.main .top .local h2{font-size:24px}
}
.page-with-sidemenu.main .section{padding-bottom:100px}
.page-with-sidemenu.main .section .bread{margin:40px 0}
@media screen and (max-width:767px){.page-with-sidemenu.main .section .bread{margin:20px 0}
}
.page-with-sidemenu.main .section .bread p a{font-size:12px;color:#666}
.page-with-sidemenu.main .section .bread p a+a:before{content:">";padding:0 6px}
.page-with-sidemenu.main .section .items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.page-with-sidemenu.main .section .items .item{padding:0 15px}
@media screen and (max-width:767px){.page-with-sidemenu.main .section .items{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
}
.page-with-sidemenu.main .section .items .sidebar{width:150px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
@media screen and (max-width:767px){.page-with-sidemenu.main .section .items .sidebar{display:none}
}
.page-with-sidemenu.main .section .items .sidebar ul li{font-size:14px;color:#6f7985;border-bottom:1px solid #eaeaea;padding:16px 0;padding-left:14px}
.page-with-sidemenu.main .section .items .sidebar ul li.active{padding-left:0;color:#8f58c7}
.page-with-sidemenu.main .section .items .sidebar ul li.active:before{content:"";display:inline-block;width:3px;height:12px;background:#8f58c7;vertical-align:middle;margin-right:10px}
@media screen and (max-width:767px){.page-with-sidemenu.main .section .items .content{padding-left:15px}
}
.page-with-sidemenu.main .section .items .content article{padding-top:16px}
.page-with-sidemenu.main .section .items .content article h4{font-size:14px;font-weight:700;color:#333;margin-bottom:15px}
.page-with-sidemenu.main .section .items .content article p{font-size:14px;color:#666;font-weight:400;margin-bottom:10px}
.page.main .top{position:relative;height:260px;background:url(../img/about-bg.jpg) no-repeat center}
@media screen and (max-width:767px){.page.main .top{height:150px}
}
.page.main .top .local{position:absolute;bottom:40px}
@media screen and (max-width:767px){.page.main .top .local{bottom:20px}
}
.page.main .top .local h2{font-size:30px;color:#fff}
@media screen and (max-width:767px){.page.main .top .local h2{font-size:24px}
}
.page.main .section{padding-bottom:100px}
.page.main .section .bread{margin:40px 0}
@media screen and (max-width:767px){.page.main .section .bread{margin:20px 0}
}
.page.main .section .bread p a{font-size:12px;color:#666}
.page.main .section .bread p a+a:before{content:">";padding:0 6px}
.page.main .section .items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.page.main .section .items .item{padding:0 15px}
.page.main .section .items .sidebar{width:150px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.page.main .section .items .sidebar ul li{font-size:14px;color:#6f7985;border-bottom:1px solid #eaeaea;padding:16px 0;padding-left:14px}
.page.main .section .items .sidebar ul li.active{padding-left:0;color:#8f58c7}
.page.main .section .items .sidebar ul li.active:before{content:"";display:inline-block;width:3px;height:12px;background:#8f58c7;vertical-align:middle;margin-right:10px}
.page.main .section .items .content article{padding-top:16px}
.page.main .section .items .content article h4{font-size:14px;font-weight:700;color:#333;margin-bottom:15px}
.page.main .section .items .content article p{font-size:14px;color:#666;font-weight:400;margin-bottom:10px}
/*# sourceMappingURL=main.min.css.map */