@charset "utf-8";
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}
article,aside,blockquote,dialog,figure,footer,header,hgroup,nav,section{display:block}
ol,ul{list-style:none}
img{border:0 none;vertical-align:top}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
table{border-collapse:collapse;border-spacing:0}
ins{text-decoration:underline}
del{text-decoration:line-through}
mark{background:0 0}
input::-ms-clear{display:none!important}
body{font: 14px/1.5 Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,Arial,sans-serif;background:#fff}
a{text-decoration:none;color:#59437e;transition:color .2s ease;-moz-transition:color .2s ease;-webkit-transition:color .2s ease}
a:focus,a:hover{text-decoration:none;color:#df9c14}
:focus{outline:0}


/*
* Header Style
*/
.header{background:#fff url(../img/header_bg.png) no-repeat center;}
.header .inner{padding-top:28px;padding-bottom:28px}
.header-logo{float: left;}
.header-logo img{width:auto;height:100px}
.header-right{float:right;margin-top: -5px;}
.english-link{display:block;text-align: right;color:#333;font-weight: normal;}
.english-link img{margin-left: 5px;}
.english-link:hover{color:#553f7a;}
.header-search{position:relative;width:320px;height:40px;margin-top:16px}
.search-input{display:block;width:100%;height:40px;padding:0 10px;line-height:40px;background:#fff;font-size: 16px;border:1px solid #64449a;color:#64449a;border-radius: 4px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.search-input::-webkit-input-placeholder{color:#64449a;opacity:.8}
.search-input::-moz-placeholder{color:#64449a;opacity:.8}
.search-input::-ms-input-placeholder{color:#64449a;opacity:.8}
.search-submit{position:absolute;top:0;right:0;display:block;width:40px;height:40px;background: #64449a url(../img/icon/icon_search.png) no-repeat center;background-size:20px;border:none;border-radius: 4px;}
.search-input:focus,.search-submit:focus{box-shadow:0 0 10px rgba(0,0,0,.2)}
.search-submit:hover{background-color:rgba(0,0,0,.2)}


/*
* Header Nav
*/
.header-nav{background-color: #64449a;}
.navbar-toggle{width:30px;height:30px;padding:0;line-height:30px;text-align:center;background:rgba(0,0,0,.3);border-radius:50%;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.navbar-toggle img{width:20px;height:20px;vertical-align:text-bottom}
.navbar-toggle.collapsed{background: none}

.site-nav,.site-nav ul{width:100%}
.site-nav li{position:relative;width:11.1%}
.site-nav li a{display:block;padding:20px 0;width:100%;font-size:18px;font-weight: bold;text-align:center;color:#fff;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.site-nav>ul>li:hover>a{background:#ec8531;color:#fff}
.site-nav .open>a,.site-nav .open>a:focus,.site-nav .open>a:hover,.site-nav>li>a:focus,.site-nav>li>a:hover{border:none;background:#e8852e;color:#fff}
.dropdown-menu{left:0;padding:0;width:100%;min-width: 115px;padding-top: 12px;border:none;border-top: 2px solid #fff;background: rgba(100, 68, 154, .6);}
.dropdown-menu::after{content: "";position: absolute;top: -12px;left: 46%;border: 6px solid transparent;border-bottom-color: #fff;}
.dropdown-menu>li{position: relative;width:100%}
.dropdown-menu>li>a{display:block;padding: 12px 8px;text-align:center;background:transparent;color:#fff;font-size:18px;font-weight:400}
.dropdown-menu>li>a:hover{background:#ec8531;color:#fff}

.dropdown-menu li ul {position:absolute;top:0px;left:100%;width:120%;visibility: hidden;height:0;opacity: 0;}
.dropdown-menu li:hover ul {display: block;opacity: 1;visibility: visible;height: auto;transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);}
.dropdown-menu li ul li a {display: block;padding: 9px 0 9px 9px;text-align:left;font-size:14px;color: #fff}
.dropdown-menu li ul li:hover {background: rgba(0,0,0,.2)}


/*
* Common Footer
*/
.footer{padding-top: 40px;background: #553f7a url(../img/footer_bg.png) no-repeat center;color:#fff;font-size: 16px;}
.footer-info{padding: 20px 0;line-height: 30px;text-align: left;}
.footer-logo{padding: 20px 0;text-align: center;}
.footer-logo img{width: auto;height: 115px;}
.footer-qrcode{padding: 30px 0 20px;text-align: right;}
.footer-qrcode img{width: 100px;height: 100px;}
.footer-bar{border-top: 1px solid rgba(255,255,255,.2)}
.footer-copyright{padding: 30px 0;text-align: left;}
.footer-link{position:relative;float: right;width:300px;height:40px;line-height:40px;margin-top: 20px;padding: 0 20px;text-align: left;color: #fff;background: transparent;border-radius: 0;cursor: pointer;border: 1px solid rgba(255,255,255,.4);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.footer-link-icon{float: right;margin-top:2px;margin-right:8px;font-size: 12px;transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease;}
.footer-link ul{position: absolute;left:0;right:0;bottom:110%;width:100%;margin:0 auto;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);overflow: hidden;opacity: 0;visibility: hidden;transform: translateY(20px);transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease;}
.footer-link:hover{box-shadow: 0 0 5px rgba(0,0,0,.3);}
.footer-link:hover .footer-link-icon{transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: translateY(180px)}
.footer-link:hover ul{opacity: 1;visibility: visible;transform: translateY(0px);-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-ms-transform: translateY(0px);}
.footer-link li{border-bottom: 1px dashed #f1f1f1;}
.footer-link li:last-child{border-bottom: none;}
.footer-link li a{display: block;width: 100%;padding: 4px 20px;color: #222;transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease;}
.footer-link li a:hover{background:#ec8531;color:#fff;}


/*
* Homepage
*/
.block-title{position: relative;padding: 30px 0;margin-bottom: 28px;line-height:24px;font-size:30px;font-weight:600;color:#333;border-bottom: 1px solid #e0e0e0;}
.block-title span{color: #64449a;}
.block-title.text-center{text-align: center;}
.block-title .more{position: absolute;right: 0;padding-right: 15px;padding-top: 5px;font-size: 16px;background:url(../img/icon/icon_more.png) no-repeat center right;color: #333;font-weight: normal;}
.block-title .more:hover{color: #64449a;}
.block-item{margin:20px 0}
.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-two-line{display: -webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.text-three-line{display: -webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}


.home-banner{background-color: #fff;}
.banner-carousel{width: 100%;height: 340px;}
.banner-carousel .swiper-slide{max-width: 1200px;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #fff;opacity: .5;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.banner-carousel .swiper-slide-active{opacity: 1;}

.home-news{padding: 30px 0;background: #f8f8f8;}
.news-carousel{width: 100%;height:460px;}
.news-carousel .swiper-slide{position:relative;background-color:#333;background-size:100% 100%;background-repeat: no-repeat;}
.news-carousel-title{position:absolute;bottom:0;left:0;right:0;height: 60px;line-height: 60px;padding: 0 14px;font-size:16px;color:#fff;background-color:rgba(100, 68, 154,.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.2s all ease;-webkit-transition:.2s all ease;-moz-transition:.2s all ease}
.news-carousel:hover{box-shadow:0 0 5px rgba(0,0,0,.1)}
.news-carousel:hover .news-carousel-title{background-color: rgba(100, 68, 154,.8);}

.grid-news-item{position: relative;height: 220px;overflow: hidden;padding: 20px 25px 25px;margin-bottom: 20px;border-top: 4px solid #64449a;box-shadow: 0 0 15px rgba(0,0,0,.1);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.grid-news-item .date{font-size: 16px;color: #999;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.grid-news-item h3{height: 48px;line-height: 24px;margin: 12px 0;font-size: 16px;font-weight: 600;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.grid-news-item p{height: 72px;line-height: 24px;font-size: 14px;color: #999;opacity: 1;visibility: visible;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.grid-news-item .read-more{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 60px;line-height: 60px;background-color: #64449a;color: #fff;text-align:center;border-top: 1px solid #937cb8;opacity: 0;visibility: hidden;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.grid-news-item:hover{background-color: #64449a;}
.grid-news-item:hover .date{color: #fff;}
.grid-news-item:hover h3{height: 72px;color: #fff;}
.grid-news-item:hover p{opacity: 0;visibility: hidden;}
.grid-news-item:hover .read-more{opacity: 1;visibility: visible;}

.home-list-1{padding: 20px 0 30px;}
.block-date-list{min-height: 408px;}
.date-block-item{position: relative;width: 100%;height: 64px;margin-bottom: 22px;border: 1px solid #e0e0e0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.date-block-item:hover{border-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,.1);}
.date-block-item .date-block{position: absolute;top: 0;left: 0;width: 64px;height: 64px;overflow: hidden;background-color: #64449a;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.date-block-item:hover .date-block{background-color: #fcbb2f;}
.date-block-item .date-block b,.date-block-item .date-block span{display: block;line-height: 1;color: #fff;font-size: 16px;font-weight: normal;text-align: center;white-space: nowrap;}
.date-block-item .date-block b{padding-top: 12px;}
.date-block-item .date-block span{padding-top: 6px;}
.date-block-item .news-title{line-height: 24px;padding-left: 84px;padding-top: 8px;padding-right: 20px;font-size: 16px;font-weight: 600;color: #333;}
.block-text-list{min-height: 408px;}
.block-text-list li{margin-bottom: 22px;}
.block-text-item{height: 64px;line-height: 64px;padding-left: 26px;padding-right: 26px;border-left: 4px solid #64449a;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.block-text-item:hover{background-color: #fcbb2f;}
.block-text-item h3,.block-text-item p{line-height: 1;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.block-text-item h3{padding-top: 10px;font-size: 16px;line-height: 24px;color: #333;font-weight: 600;}
.block-text-item p{padding-top: 4px;font-size: 14px;color: #999;}
.block-text-item:hover h3,.block-text-item:hover p{color: #fff;}

.home-trend{padding: 30px 0 20px;background: url(../img/home_trend_bg.png) no-repeat center;}
.trend-carousel{height: 350px;}
.trend-carousel .swiper-slide{width: 25%;}
.trend-item{max-width: 280px;width: 100%;margin: 15px auto 0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.trend-item .photo{position: relative;width: 100%;height: 210px;background-color: #333;background-repeat: no-repeat;background-position: center;background-size: cover;}
.trend-item .photo .date{position: absolute;left: 0;bottom: 0;padding: 8px 16px;background: #64449a;color: #fff;}
.trend-item .title{height: 85px;padding: 20px 15px;background: transparent;font-size: 16px;font-weight: 600;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.trend-item:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.trend-item:hover .title{background-color: #fff;}

.block-report-list{min-height: 460px;}
.block-report-list > ul > li{margin-bottom: 20px;}
.report-list-item{position: relative;padding-top: 24px;padding-left: 80px;margin-bottom: 20px;background-color: #fff;border: 1px solid #e0e0e0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.report-list-item:hover{box-shadow: 0 0 30px rgba(0,0,0,.1);border-color: #fff;}
.report-list-item .date{position: absolute;top: 26px;left: 0;width: 64px;height: 64px;overflow: hidden;background-color: #64449a;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.report-list-item:hover .date{background-color: #fcbb2f;}
.report-list-item .date b,.report-list-item .date span{display: block;line-height: 1;color: #fff;font-size: 16px;font-weight: normal;text-align: center;white-space: nowrap;}
.report-list-item .date b{padding-top: 12px;}
.report-list-item .date span{padding-top: 6px;}
.report-list-item .text{line-height: 24px;padding-bottom: 20px;}
.report-list-item .text h3{font-weight: 600;font-size: 16px;margin-bottom: 6px;color: #333;}
.report-list-item .text li{font-size: 14px;color: #333;}
.img-list{min-height: 460px;}
.img-list-item{position: relative;min-height: 140px;margin-bottom: 20px;}
.img-list-item .photo{position: absolute;top: 0;left: 0;width: 140px;height: 140px;background-color: #f1f1f1;background-repeat: no-repeat;background-size: cover;background-position: center;}
.img-list-item .text{padding-left: 160px;font-size: 16px;color: #333;}
.img-list-item .text .date{margin-bottom: 18px;color: #999;}
.img-list-item .text h3{min-height: 48px;line-height: 24px;font-weight: 600;color: #333;}
.img-list-item .text p{min-height: 48px;line-height: 24px;color: #999;}
.img-list-item:hover .text h3{color: #64449a;}

.home-link{padding: 60px 0;background:#fff}
.img-link-item{position: relative;float:left;width:20%;}
.img-link-item .overlay{max-width: 220px;width: 100%;height: 172px;margin: 0 auto;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.img-link-item .overlay:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}



/* Column */
.column-banner .inner{position:relative;padding: 80px 0;background-color: #666;color: #fff;background-size: cover;background-repeat: no-repeat;background-position: center;}
.column-banner .overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(100, 68, 154, .05);}
.column-banner .container{position: relative;z-index: 1;}
.column-banner-title{font-size: 26px;font-weight: 500;}
.breadcrumb-nav{padding:8px 0;;color: #fff;font-size: 14px;}
.breadcrumb-nav i{display: inline-block;width: 30px;height: 30px;line-height: 30px;margin-right: 20px;text-align: center;border-radius: 50%;border: 1px solid #fff;}
.breadcrumb-nav a{margin: 0 4px;color: #fff;opacity: .8;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.breadcrumb-nav a:hover{opacity: 1;}
.possplit{display: none;}

.column{margin-top: -30px;padding-bottom:50px}
.column-anchor{height:60px;line-height:60px;padding-left:15px;font-size:20px;border-left: 4px solid #64449a;color:#333;background: #fff;font-weight: 600;box-shadow: 0 0 30px rgba(0,0,0,.1);}

.column-menu{margin-top: 0px;background: #fff;box-shadow: 0 0 20px rgba(100, 68, 154,.2);}
.column-menu > ul > li > a{display: block;padding: 14px 15px;font-size: 18px;border-bottom: 1px dashed #ccc;}
.column-submenu > li > a{position: relative;display: block;padding: 12px 25px;font-size: 16px;background: #f0f0f0;}
.column-submenu > li > a::after{content: "";position: absolute;top: 12px;right:0;height: 50%;border-left: 4px solid #937cb8;}
.column-menu li a:hover{background-color: #64449a;color: #fff;}

.column-nav ul li a{padding-left:25px;background: #fafafa;color: #222;font-size: 1.5rem;}
.column-nav ul li a:hover{background:#e8852e;color:#fff}
.column-nav ul li ul li a{height: 36px;line-height: 36px;padding-left: 40px;background:#f0f0f0;font-size: 14px;}
.column-nav ul li.selected > a{background:#ccc;color:#730700}

.column-name{height:55px;line-height:55px;padding:0 15px;font-size:18px;border:1px solid #e7e7e7;border-top: 4px solid #ae1408;background:#f7f7f7;color:#e8852e;font-weight: 400;}
.column-content{padding:20px;background: #fff;box-shadow: 0 0 20px rgba(100, 68, 154,.2);}
.column-content .block-list-style-3{padding: 0;box-shadow: 0 0 0 transparent;}
.column-content .date-block{background:#909090}

.column-content-list .block-text-item{position: relative;border-left: none;border-bottom: 1px dashed #ccc;}
.column-content-list .block-text-item::after{content: "";position: absolute;left: 0;top: 45%;width: 10px;height: 10px;background: #64449a;}
#wp_pager .pages{display: flex;flex-wrap: wrap;min-height: auto;margin: 30px 0 20px;justify-content: center;align-items: center;flex-wrap: wrap;}
#wp_pager .pages li a{display: inline-block;min-width: 40px;height: 40px;line-height: 40px;padding: 0;margin: 8px 4px;text-align: center;background-color: #f1f1f1;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
#wp_pager .pages li a:hover{background-color: #64449a;color: #fff;}
#wp_pager .pages li a.pgCurrent{font-weight: 700;color: #64449a;background-color: #f1f1f1;}

/* Post Content */
.post-detail{position: relative;z-index: 1;margin-top: -30px;padding-bottom:50px}
.post-detail .inner{background-color: #fff;}
.post-info{padding:20px 10px;background:#fff;border-top:4px solid #64449a;border-bottom: 1px dashed #f1f1f1}
.post-title{padding-bottom:5px;font-size:22px;text-align:center;color:#64449a}
.post-attr{margin-top: 15px;margin-bottom:15px;text-align:center;color:#979797;}
.post-attr span{padding: 0 5px;border: 1px solid #937cb8;border-radius: 4px;}
.post-content{margin:20px 30px;min-height: 400px;}
.post-content img{margin:10px 0;max-width:100%!important;height:auto!important}
#qrcode {padding-top:20px;border-top: 1px solid #f1f1f1}
#qrcode img{display: block;padding:8px;margin:0 auto;border:2px solid #64449a}
.qrcode-share{margin-top:5px;text-align:center;}



@media screen and (max-width:1199px){

    .banner-carousel{height: 56vw;}
    .news-carousel .swiper-slide{background-size: cover;}
    .trend-carousel .swiper-slide{width: 33.33%;}
    .img-link-item img{height: 135px;}
    .img-link-item .overlay{height: 12vw;}
}

@media screen and (max-width:991px) {
    .header{background-image: none;}
    .header .inner{padding: 10px 15px 10px;}
    .header-logo{float: none;display: block;width: 100%;text-align: center;}
    .header-search{display:none;}
    .english-link{padding-top: 10px;font-size: 14px;text-align: center;}
    .english-link img{width: 14px;height: auto;vertical-align: middle;}
    
    
    .footer{background-repeat: no-repeat;background-size: cover;}
    .footer-copyright{text-align:center;border-bottom:1px  #888}
    .footer-info{padding-right: 0;text-align:center;}
    
    .column-banner .inner{padding: 100px 0;}
    .column-content{margin-top: 30px;}

    .site-nav li a{font-size: 16px;white-space: nowrap;}
    .header-right{float: none;text-align: center;}
   
    .home-content-row-2 .block-list-style-2,.home-content-row-3 .block-list-style-3{margin-bottom: 20px;}
    .column-name{margin-top:30px;}
    .news-carousel{height: 55vw;}

    .trend-carousel .swiper-slide{width: 50%;}
    .img-link-item .overlay{height: 20vw;}

    .footer{font-size: 14px;}
    .footer-logo{display: none;}
    .footer-info{padding-top: 0;}
    .footer-qrcode{padding: 0 0 25px;text-align: center;}
    .footer-link{display: none;}
}

@media screen and (max-width:767px){

    /* Header Nav */
    .header-nav .inner{padding-left: 0;padding-right: 0;}
    .header-nav .navbar-toggle{color:#fff;}
    
    .header-nav .navbar-nav{margin:0}
    .site-nav{padding:0!important;margin:0!important}
    .site-nav li{width:100%;background:rgba(0,0,0,.1)}
    .site-nav li a{padding:15px 0 15px 30px;font-size:16px;text-align:left;}
    .site-nav li:last-child{width: 100%;}
    .teacher-carousel .swiper-slide{width: 50%;}
    .column-news-list{position:relative;margin-top: -20px;padding:20px 10px;min-height: 200px;}
    .header .inner{padding:20px 15px}
    .dropdown-menu li ul {position: relative;left:0;right:0;width: 100%;}
    .dropdown-menu li a {padding: 5px}
    .dropdown-menu > li > a { padding: 10px 10px 10px 40px!important}
    .dropdown-menu li ul li a {padding:8px 0 8px 50px;font-size: 12px!important}
    .img-link-item{width:50%;height: auto;line-height: auto;}
    .img-link-item img{height: auto;}
}
@media screen and (max-width:480px){

    .site-nav li a{padding:10px 0 10px 30px;font-size: 14px;}
    .header-logo img{max-width: 100%;width: 260px;height: auto;}


    /* Homepage */
    .block-title{padding: 15px 0;margin-bottom: 20px;font-size: 26px;}
    .banner-carousel{height: 56vw;}
    .home-news,.home-list-1,.home-trend,.home-list-2{padding: 15px 0;}
    .trend-carousel .swiper-slide{width: 100%;}
    .img-link-item{padding: 8px}
    .img-link-item .overlay{height: 32vw;}


    .column-content{padding: 10px 12px;box-shadow: none;}
}