@charset "utf-8";
@import url("../css/grid.css");
@import url("../js/dropdown/dropdown-menu.css");
@import url("../css/breadcrumb.css");
@import url("../css/pagination.css");
@import url("../css/form.css");
@import url("../css/button.css");
@import url("../css/pager.css");
@import url("../js/hc-offcanvas-nav-6.1.1/hc-offcanvas-nav.carbon.css");
@import url("../js/tooltipster/css/tooltipster.css");
@import url("../css/notification.css");
@import url("../css/hover.css");
@import url("../js/jquerymodal/jquery.modal.css");
@media only screen and (max-width:767px){header nav {display: none}}

/* Overall and normalize */
html,button,input,select,textarea{color:#222}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
hr{margin: 20px 0;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;-moz-box-sizing:content-box;box-sizing:content-box;}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
p{margin:0 0 10px}
a:focus{outline:none;}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
/* Base styles */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100% !important} /*for facebook like box 100% width*/
iframe {width:100% !important}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}  /*for youtube 100% width style*/
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}  /*for youtube 100% width style*/
.pull-right{float:right}
.pull-left{float:left}
.hidden{display: none !important;visibility: hidden !important;}
.hidden-desktop{display: none !important;}
.google-maps img{max-width:none}
.google-maps{width:100%;height:100%;border:1px solid #DDD}  /*for google map style*/
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*for text the word cut*/
.circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}  /*for circle border style*/
.rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} /*for rounded border style*/
.enter-content {word-break: break-word;} /*for Text line breaks*/
.inline-block-fix {display:inline-block;zoom: 1;} /*for fix ie*/
.full-width{width: 100vw;position: relative;left: 50%;margin: 0px -50vw;}
.text-linecut{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.advanced_search{border: 1px solid #DDD;background: #F7F7F7;margin-bottom: 10px;padding: 8px 10px 3px 10px;}
/* Grid setting */
.grid-container {padding-left: 0px;padding-right: 0px; max-width:1170px}
.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
padding-left: 10px;padding-right: 10px;}
.grid-parent {padding-left: 0;padding-right: 0;}
.grid-parent-left {padding-left:0}
.grid-parent-right {padding-right:0}
/* Format setting */
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:120%;font-weight:normal; margin:0; padding:0}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
/* Author's custom styles */
body{margin:0;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;line-height:20px;overflow-x: hidden;}
body { color:#000}
a{color:#000;text-decoration:none}
a:hover {color:#888888;text-decoration:underline}
a:active {color:#888888;text-decoration:underline}
.mean-container .mean-bar {background:#cc0066;}
.mean-container .mean-nav {background:#cc0066;}
.list-layout-01 .date {background:#cc0066;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {background-color:#cc0066}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#cc0066}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background:#cc0066}
.pagination ul>.active>a,.pagination ul>.active>span{background:#cc0066}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus {border-color:#cc0066;}
.btn-style { background-color: #cc0066; border:1px solid #cc0066;}
.btn-style:hover, .btn-style:focus { background-color:#cc0066; border:1px solid #cc0066;}
.owl-theme .owl-nav [class*=owl-]:hover{background:#cc0066!important;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#cc0066!important}
.tooltipster-default {background:#cc0066}
.tooltipster-float {background:#4dc247}
.image-description { position: absolute;left: 0;right:0; bottom: 0; text-align:left; padding:5px 8px;background:rgba(0,0,0,.68);font-size:14px;color:#FFF;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.image-frame { margin:5px; position: relative; }
.image-frame:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;border:1px solid #DDD; content:'';z-index: 0;}
.image-frame a { position: relative; z-index: 1;display: block;width: 100%; overflow: hidden;}
.image-frame.active:before{ border-color:#cc0066;}
.thumbnail-frame{margin:5px; position: relative;}
.thumbnail-frame:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;;border:1px solid #eee; content:'';z-index: 0;}
.thumbnail-frame .cover { position: relative; z-index: 1; }
.bx-wrapper .bx-controls-direction a {background-color:#cc0066!important;}
.flex-box{ display: flex;flex-wrap: wrap;}

header { padding:20px 0 0 0;position: relative;z-index: 2;border-bottom: 3px solid #dedede;}
header .logo img { max-width:100%; max-height:100%;}
header .header-link{ margin: 0; padding: 0;display: inline-block;}
header .header-link > li{ display: inline-block;margin-right: 10px;}
header .header-link > li > a{ display: block; padding: 10px 15px;border-radius: 50px;color: #555555;}
header .header-link > li > a:hover{ background-color: #e5f6ff;text-decoration: none;}
header .header-link > li:first-child > a{background-color: #e5f6ff;}
header .header-link > li:first-child > a:hover{ background-color: #cc0066;color: #fff;}
header .header-link > li:first-child > a i{margin-left: 10px;}
header .language{ display: inline-block; margin-left:20px;position: relative;z-index: 3;}
header .language > a{display: block; color: #6e6e6e;}
header .language > a:hover,header .language.active > a{color: #cc0066;text-decoration: none;}
header .language ul{margin: 0; padding: 0;position:absolute;right:0;top:340%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility:hidden; opacity: 0;width: 100%;text-align: center; background-color: rgba(0,0,0,0.8);}
header .language ul > li{ list-style-type: none; margin-bottom: 20px;}
header .language ul > li > a{ color: #fff;}
header .language.active ul{ top: 100%;visibility:visible; opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .language.active ul > li{ margin-bottom: 0;}
header .language.active ul > li > a{ padding: 15px;display: block;}
header .language.active ul > li > a:hover{ background-color: rgba(255,255,255,0.1);color: #fff;text-decoration: none;}
header .language > a i{ margin-left: 10px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .language.active > a i{-webkit-transition-duration: 0.3s;transition-duration: 0.3s;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
header nav{margin-top: 10px;}
header nav ul { list-style:none; margin:0; padding:0}
header nav > ul > li {display:inline-block;zoom: 1; position:relative; margin-left:20px;}
header nav > ul > li > a { font-size:16px; display: block;padding-bottom: 10px;position: relative;}
header nav > ul > li > a::after{content: "";width: 0px;height: 3px;display: block;background-color: #cc0066;position: absolute; left: 0;bottom: -3px;transition: all 0.3s ease;}
header nav > ul > li > a:hover::after,
header nav > ul > li.active > a::after{ width: 100%;}
header nav > ul > li .dropdown-menu{ top: calc(100% + 3px);}
header nav > ul > li > a:hover .caret,header nav > ul > li.open > a .caret,header nav > ul > li.active > a .caret{ border-top-color: #cc0066;}
header nav > ul > li > a:hover,header nav > ul > li.active > a,header nav > ul > li.open > a {color:#cc0066;text-decoration:none;}
header .search-box{ background-color: rgba(0, 0, 0, 0);border: none; position: relative;display: inline-block; margin-left: 10px;z-index: 3;}
header .search-box > a{ font-size: 18px;color: #15705b;}
header .search-bar { box-shadow: 0 0 10px rgba(0,0,0,0.1);position:absolute;right:0;top:340%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility:hidden; opacity: 0;}
header .active .search-bar{ top: 140%;visibility:visible; opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}

.index-title{ position: relative; margin-bottom: 20px;}
.index-title > span{ font-size: 24px; line-height: 100%;color: #cc0066;}
#slideshow .image-description{ font-size: 20px;background-color: #cc0066; padding: 20px; border-radius: 0 10px 0 0;right: auto;}
#slideshow .image-description img{ width: 20px;margin:0 20px;display: inline-block;position: relative;right:0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
#slideshow .owl-item:hover .image-description img{right: -20px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
#slideshow .owl-nav{ margin: 0;}
#slideshow .owl-nav > div{ position: absolute; margin: 0;padding: 0 !important; line-height: 50px; background-color: rgba(0,0,0,0.6) !important; background-position: center center; background-repeat: no-repeat; display: block; width: 50px; height: 50px; font-size: 24px !important; border-radius: 0px !important;top:calc(50% - 25px);}
#slideshow .owl-nav > div:hover{ background-color: #cc0066 !important;}
#slideshow .owl-nav .owl-prev i{ position: relative; left: -1px;}
#slideshow .owl-nav .owl-next i{ position: relative; right: -1px;}
#slideshow .owl-nav .owl-prev{ left:0px;}
#slideshow .owl-nav .owl-next{ right:0px;}
#slideshow .owl-dots{position: absolute;left:0;bottom:10px;width: 100%;}
#slideshow .owl-dots span{ background-color: #fff;}
.index-about{ position: relative;}
.index-about::after{ content: "";width: 1px;height: 100%; background-color: #ddd; position: absolute; left: 50%; top: 0;}
.index-about > div > div{ margin: 0 -20px;}
.index-about > div > div > div > div{ padding: 0 20px;}
.btn-list.list-layout { margin: 0 -5px;}
.btn-list .grid-33{ padding: 0 5px;}
.btn-list .box{ display: block; padding: 20px; border-radius: 5px; position:relative; background-color: #ecedef;margin-bottom: 10px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.btn-list .box:hover{ text-decoration: none; background-color: #fff;color: #cc0066;box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.btn-list .box::after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 0 0 12px 12px;border-color: transparent transparent #cc0066 transparent;position: absolute; bottom: 10px;right: 10px;}
.btn-list .box.mb-0{ margin-bottom: 0;}
.btn-list .box .icon{ margin-bottom: 20px; width: 20px;height: 20px;}
.btn-list .box .title{ font-size: 16px;}
.index-glory{ padding: 100px 0; background-repeat: no-repeat; background-position: center center; background-size: cover;background-attachment: fixed;background-image: url("../img/index-glory-bg.png");color: #fff;margin: 30px 0;}
.index-glory .glory-slider{text-align: center;}
.index-glory .glory-slider .title{ font-size: 28px; line-height: 100%;}
.index-glory .glory-slider .line{ display: block;position: relative; background-color: rgba(255,255,255,0.3);width: 100%;height: 1px;margin: 29px 0;}
.index-glory .glory-slider .line::after{ content: "";width: 9px;height: 9px;display: block;border-radius: 100%; background-color: #fff;position: absolute; left: 50%;top: 50%; margin-left: -4px; margin-top: -4px;}
.index-glory .glory-slider .details{ line-height: 140%;}
.index-homeload{ position: relative;padding: 50px 0;background-color: #e8eef3;}
.index-homeload .flex-box{ margin: 0 -10px;flex-wrap: wrap;display: flex;}
.index-homeload .flex-box .course{ width: calc(100% - 22px);margin: 0 10px;background-color: rgba(255,255,255,0.45);border: 1px solid #fff;border-radius: 10px;}
.index-homeload .flex-box .news{ width: calc(65% - 22px);margin: 0 10px 20px 10px;background-color: rgba(255,255,255,0.45);border: 1px solid #fff;border-radius: 10px;}
.index-homeload .flex-box .notice{ width: calc(35% - 22px);margin: 0 10px 20px 10px;background-color: rgba(255,255,255,0.45);border: 1px solid #fff;border-radius: 10px;}
.index-homeload .flex-box .research-insight{ width: calc(100% - 22px);margin: 0 10px 20px 10px;background-color: rgba(255,255,255,0.45);border: 1px solid #fff;border-radius: 10px;}
.index-homeload .flex-box .course .index-title,
.index-homeload .flex-box .news .index-title,
.index-homeload .flex-box .notice .index-title,
.index-homeload .flex-box .research-insight .index-title{ padding: 20px;border-bottom: 1px solid #fff;}
.index-homeload .flex-box .course .border{ padding: 20px;}
.index-homeload .flex-box .research-insight .border{ padding: 20px;}
.course-box .cover{ margin-bottom: 10px;border-radius: 10px;}
.course-box .title a{ font-size: 16px;line-height: 140%;}
.index-homeload .index-title{ margin: 0;}
.index-news-box{ padding: 20px;display: flex;align-items: center;border-bottom: 1px solid #fff;}
.index-news-box .cover{ width: 100px;margin-right: 20px;border-radius: 5px;}
.index-news-box .body{ flex: 1;}
.index-news-box .date{ color: #cc0066;line-height: 100%;margin-bottom: 10px;}
.index-news-box .title{margin-bottom: 10px;}
.index-news-box .title a{ font-size: 16px;}
.index-news-box .title a:hover{ text-decoration: none;color: #cc0066;}
.index-news-box:last-child{ border: 0;}
.index-notice-box{ padding: 20px;border-bottom: 1px solid #fff;}
.index-notice-box .date{ color: #cc0066;line-height: 100%;margin-bottom: 10px;}
.index-notice-box .title a{ font-size: 16px;}
.index-notice-box .title a:hover{ text-decoration: none;color: #cc0066;}
.index-notice-box:last-child{ border: 0;}
.index-student-activities{ padding: 50px 0; background-image: url("../img/index-student-activities-bg.png");color: #fff;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.index-student-activities a{ color: #fff;}
.index-student-activities .index-title{ display: inline-block;background-color: #fff;padding: 10px 20px;color: #cc0066;border-radius: 5px;}
.index-student-activities .index-title span{font-size: 18px;}
.student-activities-box{ display: flex;align-items: center;flex-direction: row-reverse}
.student-activities-box .text{ flex: 1;}
.student-activities-box .text .title{ margin-bottom: 20px;}
.student-activities-box .text .title a{font-size: 24px;line-height: 140%;}
.student-activities-box .text .title a:hover{ text-decoration: none;}
.student-activities-box .text .details{ line-height: 140%;font-size: 16px;opacity: 0.7;}
.student-activities-box .cover{ margin: 0 0 0 20px;width: 40%;}
.student-activities .owl-dots{ position: absolute;left: 0;bottom: 0;}
.index-academic-exchanges{background-image: url("../img/index-academic-exchanges-bg.png");padding: 50px 0;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.index-academic-exchanges .border{background-color: rgba(255,255,255,0.45);border: 1px solid #fff;border-radius: 10px;}
.index-academic-exchanges .index-title{ padding: 20px;border-bottom: 1px solid #fff;margin-bottom: 0;}
.index-academic-exchanges-box{ padding: 20px;border-bottom: 1px solid #fff;display: flex;align-items: center;}
.index-academic-exchanges-box .date{ color: #cc0066;line-height: 100%;margin-right: 20px;font-size: 24px;line-height: 100%;text-align: right;}
.index-academic-exchanges-box .date .year{ font-size: 14px;line-height: 100%;margin-top: 5px;}
.index-academic-exchanges-box .text{ flex: 1;}
.index-academic-exchanges-box .text .title { margin-bottom: 10px;}
.index-academic-exchanges-box .text .title a{ font-size: 18px;line-height: 100%;}
.index-academic-exchanges-box .text .details{ color: #999;}
.index-academic-exchanges-box:last-child{ border: 0;}
.page-content-title{ font-size: 18px;line-height: 100%;color: #cc0066;margin-bottom: 20px;}
.about-page-content .logo-about{ display: flex;flex-wrap: wrap;align-items: center;margin: 0 -10px 20px -10px;}
.about-page-content .logo{ box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px;text-align: center;background-color: #fff;width:calc(50% - 20px);margin: 0 10px;}
.about-page-content .text{ width:calc(50% - 20px);margin: 0 10px;}
.about-page-content .block-content{ display: flex;flex-wrap: wrap;margin: 0 -10px 20px -10px;}
.about-page-content .block-content .box{ margin: 0 10px; width: calc(33.3333% - 62px);padding: 20px; border: 1px solid #ddd;border-radius: 10px;transition: all 0.3s ease;}
.about-page-content .block-content .box:hover{ border-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);background-color: #fff;}
.about-page-content .block-content .box .num{ font-size: 36px;margin-bottom: 20px;line-height: 100%;color: #ddd;font-style: italic;transition: all 0.3s ease;}
.about-page-content .block-content .box:hover .num{ color: #cc0066;}
.about-page-content .bg-title-content{ display: flex;flex-wrap: wrap;margin: 0 -10px 20px -10px;}
.about-page-content .bg-title-content .box{ margin: 0 10px;width: calc(50% - 20px);}
.about-page-content .bg-title-content .box .title{ padding: 50px;font-size: 36px;line-height: 100%;color: #fff;margin-bottom: 20px;background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 10px;}
.about-page-content .bg-title-content .box:nth-child(1) .title{ background-image: url("../img/bg-title1.png");}
.about-page-content .bg-title-content .box:nth-child(2) .title{ background-image: url("../img/bg-title2.png");}
.about-page-content .bg-title-content .box ol{ margin: 0;padding: 0 0 0 16px;}
.about-page-content .bg-title-content .box ol li{ margin-bottom: 10px;color: #666;}
.about-page-content .bg-title-content .box ol li:last-child{ margin: 0;}
.about-page-content .staff{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.about-page-content .staff .box{ margin: 0 10px;width: calc(33.3333% - 20px);text-align: center;}
.about-page-content .staff .box .title{ margin-top: 10px;}
.about-page-content .staff .box .title span{ margin: 0 5px;}
.about-page-content .staff .box .title span:first-child{font-weight: bold;}
.page-btn-list{margin: 0 -10px;padding: 0;display: flex;flex-wrap: wrap;}
.page-btn-list > li{ width: calc(25% - 20px);margin: 0 10px 20px 10px;list-style-type: none;}
.page-btn-list > li p{ margin: 0;}
.page-btn-list > li a{ display: block;padding: 10px;background-color: #f1f3f8;border-radius: 50px;text-align: center;}
.page-btn-list > li a:hover{ text-decoration: none; background-color: #cc0066;color: #fff;}
.pdf-download-list{ margin: 0 -10px;padding: 0;display: flex;flex-wrap: wrap;}
.pdf-download-list > li{ margin: 0 10px 20px 10px;width: calc(100% - 20px);display: flex;align-items: center;background-color: #f1f3f8;border-radius: 60px;}
.pdf-download-list > li:last-child{ margin-bottom: 0;}
.pdf-download-list.two-inline > li{width: calc(50% - 20px);}
.pdf-download-list.two-inline > li:last-child{ margin-bottom: 20px;}
.pdf-download-list > li .icon{ width: 60px;height: 60px;line-height: 60px;font-size: 24px;background-color: #cc0066;color: #fff;text-align: center;border-radius: 100%;margin-right: 20px;}
.pdf-download-list > li p{ flex: 1;}
.pdf-download-list > li a:hover{text-decoration: none;color: #cc0066;}

.page-title {font-size: 28px;line-height: 140%;margin: 40px 0;}
.warpper{ background-color: #F7F8FA;}
.breadcrumb-box{ padding: 20px;border-bottom: 1px solid #ededed;background-color: #fff;}
.breadcrumb-box .breadcrumb{ padding: 0;text-align: left;}
.page-content-box{margin-bottom: 20px;}
.left-bar .sidebar{ margin:0 20px 0 0;padding: 0;border-radius: 10px;background-color: #f1f3f8;border: none;}
.left-bar ul{ margin:0 0 0 20px;padding:0;border-left: 2px solid rgba(0,0,0,0.05);}
.left-bar ul > li{color: #585858;position: relative; list-style-type: none;}
.left-bar ul > li > a{color: #585858;padding: 15px;display: block;}
.left-bar ul > li > a:hover{ background-color: rgba(0,0,0,0.05);}
.left-bar ul.dropdown-menu{margin: 0;padding: 0;border: none;}
.left-bar ul.dropdown-menu > li{ margin: 0;}
.left-bar ul.dropdown-menu > li > a:hover{ background-color: #cc0066;color: #fff;}
.left-bar a:hover,.left-bar .active > a,.left-bar a.dropdown,.left-bar li:hover > a{ color: #cc0066;text-decoration: none;background-color: transparent;}
.left-bar a.dropdown::after{display: none !important;}
.pager{margin-bottom:20px;}

.news-box{ position: relative; padding-left: 140px;min-height: 120px;margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.news-box:last-child{ padding-bottom: 0;border: none;}
.news-box .cover{ width: 120px !important; height: 120px !important;position: absolute; left: 0; top: 0;border-radius: 5px;}
.news-box .date{ color: #cc0066 !important;margin-bottom: 10px;}
.news-box .title{ margin-bottom: 10px;}
.news-box .title a{ font-size: 18px; line-height: 100%;}
.news-box .details{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.notice-box{position: relative;border-radius: 5px;padding-left:92px; min-height: 90px; display: flex; align-items: center; background-color: #ecedef;overflow: hidden;margin-bottom: 20px;}
.notice-box .date{ position: absolute; left: 0; top: 0; background-color: #cc0066;color: #fff;text-align: center; padding:10px 20px;}
.notice-box .date > div{ color: #fff;}
.notice-box .date > div.day{ font-size: 24px;margin: 5px 0;}
.notice-box::after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 0 0 12px 12px;border-color: transparent transparent #cc0066 transparent;position: absolute; bottom: 10px;right: 10px;}
.notice-box:last-child{ margin-bottom: 0;}
.personnel-box{ position: relative; padding-left: 140px;min-height: 120px;margin-bottom: 20px;}
.personnel-box .cover{ width: 120px !important; height: 120px !important;position: absolute; left: 0; top: 0;border-radius: 5px;}
.personnel-box .title{ margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ddd;position: relative;}
.personnel-box .title::after{ content: "";width: 70px;height: 1px;display: block;background-color: #289373; position: absolute; left:0; bottom: -1px;}
.personnel-box .title a{ font-size: 18px; line-height: 100%;}
.personnel-box .details{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-certification{ padding: 50px 0; background-color: #FBFBFC;}
.index-slogan{ padding: 50px 0; background-color: #4a5259; color: #fff;}
.index-slogan .grid-container{ max-width: 860px;}
.table-line-style tr:nth-child(odd) td {background-color: #f7f7f7;}
.timetable-btn{ position: fixed; right: 30px; top: 10%; z-index: 9999999999999;}
.timetable-btn a{ display: block; background-color: rgba(28, 135, 211, 0.7);text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); width: 72px; height:72px; border-radius: 90px; text-align: center; padding: 22px; color: #fff; box-shadow: 0 5px 0px rgba(0,0,0,0.1);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.timetable-btn a:hover{ text-decoration: none;box-shadow: 0 0px 0px rgba(0,0,0,0.1); margin-top: 5px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; background-color: #0972bc;}
.timetable-btn a .cn{ font-size: 17px; font-weight: bolder; margin-top: 22px; margin-bottom: 2px;}
.timetable-btn a .en{ font-size:12px; line-height: 14px;}

.download-btn{ position: fixed; right: 30px; top: calc(10% + 136px); z-index: 9999999999999;}
.download-btn a{ display: flex; background-color: rgba(255,123,25,0.7);text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); width: 72px; height:72px; border-radius: 90px; text-align: center; padding: 22px; color: #fff; box-shadow: 0 5px 0px rgba(0,0,0,0.1);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;font-size: 17px; font-weight: bolder;align-items: center;justify-content: center;}
.download-btn a:hover{ text-decoration: none;box-shadow: 0 0px 0px rgba(0,0,0,0.1); margin-top: 5px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; background-color: rgb(255 123 25);}
/*popup*/
.popup-bg{position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.7);z-index: 9999999999;width: 100%;height: 100%;display: flex;justify-items: center;align-items: center;align-content: center;justify-content: center;opacity: 0;}
.popup-bg.animated{ opacity: 1;}
.popup-bg.close{ display: none !important;}
.popup-bg .content{ max-width: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color: #fff;position: relative; padding: 20px;}
.popup-bg .close-btn{ position: absolute; top:-24px; right: -24px;}
.popup-bg .close-btn a{display: block; width: 40px; height: 40px;border: 2px solid #000; background-color: #fff; border-radius: 50px;font-size: 18px; line-height: 40px; text-align: center;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; background-image: url("../img/close.png"); background-repeat: no-repeat; background-size: 80%; background-position: center center;}
.popup-bg .close-btn a:hover{background-image: url("../img/close-hover.png");}
.popup-bg .close-btn a:hover{ background-color: #000; color: #fff;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.popup-bg .content img{ max-width: 500px;}
.ue-table-interlace-color-single{ background-color: #fcfcfc;}
.ue-table-interlace-color-double{ background-color: #f7faff;}

.research-insight-box .cover{ margin-bottom: 10px; border-radius: 5px;}
.research-insight-box .title a{ font-size: 16px; line-height: 140%;}
.research-insight-box .title a:hover,
.research-insight-box .title a:focus{ text-decoration: none; color: #cc0066;}

footer { padding:30px 0; background-color: #333a49;color: #fff;}
footer a{color: #fff;}
footer .footer-title{ font-size: 18px; line-height: 100%; margin-bottom: 20px; padding-bottom: 24px;position: relative;}
footer .footer-title::after{ content: "";width: 40px;height: 4px; background-color: #4a5259; position: absolute; left: 0; bottom: 0; position: absolute;}
footer ul{ margin: 0; padding: 0;}
footer ul > li{ list-style-type: none; margin-bottom: 20px;}
footer .other-link { display: inline-block;}
footer .other-link > li{display: inline-block; padding: 0 20px; border-left: 1px solid #fff;margin: 0;}
footer .other-link > li:first-child{ border: 0; padding-left: 0;}
footer .other-link > li:last-child{padding-right: 0;}
footer .language{ display: inline-block; margin-left:20px;position: relative;}
footer .language > a{display: block; padding: 10px 20px; border: 1px solid #ddd; background-color: #fff; border-radius: 5px;color: #6e6e6e;}
footer .language > a:hover,footer .language.active > a{ background-color: #cc0066;color: #fff;border-color: #cc0066;text-decoration: none;}
footer .language ul{position:absolute;right:0;bottom:340%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility:hidden; opacity: 0;width: 100%;text-align: center; background-color: rgba(0,0,0,0.8);}
footer .language.active ul{ bottom: 100%;visibility:visible; opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
footer .language.active ul > li{ margin-bottom: 0;}
footer .language.active ul > li > a{ padding: 15px;display: block;}
footer .language.active ul > li > a:hover{ background-color: rgba(255,255,255,0.1);color: #fff;text-decoration: none;}
footer .language > a i{ margin-left: 10px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
footer .language.active > a i{-webkit-transition-duration: 0.3s;transition-duration: 0.3s;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
footer .copyright { color:rgba(255,255,255,0.6); line-height: 42px;}
footer .created { font-size:12px; color:#888;display: none;}
/*mobile-menu-btn*/
.mobile-menu-btn{ display: none;}
.mobile-menu-btn a{ font-size: 16px;position: relative;top: auto;width: auto;display: inline-block;padding-left: 35px;line-height: 24px;}
.mobile-menu-btn a:hover{ color: #cc0066;text-decoration: none;}
.mobile-menu-btn a .close {width: 35px;top: 50%;transform: translateY(-50%);transform-origin: 50% 50%}
.mobile-menu-btn a .close,
.mobile-menu-btn a .close::before,
.mobile-menu-btn a .close::after {display: block;position: absolute;left: 0;height: 3px;background: #182631;transition: all .25s ease}
.mobile-menu-btn a .close::before,
.mobile-menu-btn a .close::after {content: '';width: 100%}
.mobile-menu-btn a .close::before {top: -10px}
.mobile-menu-btn a .close::after {bottom: -10px}
.mobile-menu-btn a.toggle-open .close {background: rgba(0, 0, 0, 0);transform: rotate(45deg)}
.mobile-menu-btn a.toggle-open .close::before {transform: translate3d(0, 10px, 0)}
.mobile-menu-btn a.toggle-open .close::after {transform: rotate(-90deg) translate3d(11px, 0, 0)}
.mobile-menu-btn a:hover .close,
.mobile-menu-btn a:hover .close::before,
.mobile-menu-btn a:hover .close::after,
.mobile-menu-btn a.toggle-open .close,
.mobile-menu-btn a.toggle-open .close::before,
.mobile-menu-btn a.toggle-open .close::after {background: #cc0066;}
/* list style */
.list-layout { margin-left:-10px; margin-right:-10px;}
.list-layout .title {font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.list-layout .cover { margin-bottom:10px; background:#F2F2F2; width:100%}
.list-layout .date { color:#888}
.list-layout .details {color:#666}
.list-layout-01 { position:relative; padding-left:75px; min-height: 68px;}
.list-layout-01 .title { font-size: 20px; line-height: 20px; }
.list-layout-01 .date {text-align:center; width:60px; position:absolute; left:0; top:0; padding:10px 0; color:#FFF}
.list-layout-01 .month { font-size:24px; margin-bottom:5px;}
.list-layout-01 .year { font-size:14px;}
.list-layout-06 .title { font-size: 20px; line-height: 20px; }
.list-layout-06 .body {display:block;overflow: hidden;zoom: 1}
.list-layout-07 .title { font-size: 20px; line-height: 20px; }
.list-layout-07 .body {display:block;overflow: hidden;zoom: 1}
.list-layout-08 .title { font-size: 20px; line-height: 20px; }
.list-layout-08 .date { font-size:14px; color:#888;}
.list-layout-09 .title { font-size: 20px; line-height: 20px; }
.list-layout-09 .date { font-size:14px; color:#888;}
.list-layout-10 .title { font-size: 20px; line-height: 20px; }
.list-layout-10 .date { font-size:14px; color:#888;}
.list-layout-11 .title { font-size: 20px; line-height: 20px; }
.list-layout-11 .body {display:block;overflow: hidden;zoom: 1}
/* list style end */
.page-tags{ margin-bottom: 20px;}
.page-tags > span{ font-size:14px; margin-right:5px; margin-bottom:5px;}
.page-tags .tags-lists{ display: inline-block; padding: 0; margin: 0;}
.page-tags .tags-lists li{ display: inline-block; margin-right: 5px;margin-bottom: 5px;}
.page-tags .tags-lists li a{ display: block; padding: 3px 5px; border: 1px solid #EEE; background-color: rgba(229, 229, 229, 0.6); color: #9F9E9C; border-radius: 3px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.page-tags .tags-lists li a:hover{ text-decoration: none; background-color: rgba(229, 229, 229, 1); color: #646464;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;border-color: #ddd;}
.form-inline { margin-left:-10px; margin-right:-10px;}
.form-inline label { display:block}
.form-inline .grid-100 { margin-bottom:10px;}
ul.slideshow { list-style:none; margin:0; padding:0}
a.imgresize { display:block}
.google-maps { height:180px;}
.go-top{position:fixed;bottom:122px;right:20px;background:#cc0066;text-decoration:none;color:white;font-size:14px;display:none;filter:Alpha(Opacity=50);opacity:.5; z-index:9999;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 100%;}
.go-top:hover{color:#FFF;text-decoration:none;filter:Alpha(Opacity=100);opacity:1}
.search-box { background:#F7F7F7; border:1px solid #DDD;}
ul.search-list { list-style:none; margin:0; padding:0}
ul.search-list li { border-bottom:1px dashed #DDD; padding:8px 0;}
.gallery-wall { margin-left:-10px; margin-right:-10px;}
.gallery-wall a { display:block; height:150px;}
.gallery-wall .photo-style {display: block;margin-bottom:20px; }
div.pull-right-gallery { width:40%; padding-left:20px;}
div.pull-left-gallery { width:40%; padding-right:20px;}
ul.share { list-style:none; margin:20px 0; padding:0; text-align:center;}
ul.share li { display:inline-block;zoom: 1;}
ul.share li a {font-size:18px;color: #b6abaa; display: block; width: 42px; height: 42px; text-align: center; line-height: 42px; border-radius: 5px;background-color:#cc0066;color: #FFF;}
ul.share li a:hover {filter: Alpha(Opacity=80);opacity: 0.8;}
ul.share li.facebook a {background-color: #3C5A99}
ul.share li.twitter a {background-color: #1da1f2}
ul.share li.googleplus a {background-color: #DB4F43}
ul.share li.weibo a {background-color: #FE484C}
.float_button {position: fixed;right: 30px;top: 80px;}
a.float_wechat,a.float_wechat:hover,a.float_whatsapp,a.float_whatsapp:hover{color:#FFF;display:block;font-size:2em;height:50px;width:50px;text-align:center;line-height:50px;border-radius:50px;box-shadow:0 0 7px rgba(0,0,0,.3);padding:2px;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:100;outline:0;margin-bottom:10px}
a.float_whatsapp {background-color: #4dc247;}
a.float_wechat {background-color: #4dc247;}
.page-tools {color:#888;border-top:1px dashed #eee;border-bottom:1px dashed #eee;padding:15px 0;}
.page-tools .page-share { text-align: right; }
.page-tools .page-share ul { list-style: none; margin:0; padding:0; }
.page-tools .page-share li { display:inline-block;zoom: 1;margin-left:8px; }
.page-tools .page-share a,.page-tools .page-share span { cursor: pointer; color: #888; font-size:15px; }
.page-tools .page-share a:hover,.page-tools .page-share span:hover { color: #333; }
.page-tools .page-share span.copy-success { color: #5cb85c }
.page-count {color:#888;text-align: right}
.clipboardbox { padding-bottom: 10px; }
.clipboardbox input { width: 380px; }
.success-tips{display: none;color: #3c763d;background-color: #dff0d8;padding:10px 15px; margin:10px auto;max-width: 150px; border-radius: 4px;border-color: #d6e9c6;}
/* content table display styles */
.enter-content p {line-height: 150%; margin: 5px 0;word-break: break-word !important;}
.enter-content h1,.enter-content h2,.enter-content h3,.enter-content h4,.enter-content h5,.enter-content h6 {line-height:150%;font-weight:bold; margin:0.5em 0; padding:0}
.enter-content h1{font-size:2em;}
.enter-content h2{font-size:1.5em;}
.enter-content h3{font-size:1.17em;}
.enter-content h4{font-size:1em;}
.enter-content h5{font-size:.83em;}
.enter-content h6{font-size:.67em;}
article.enter-content table { max-width:100%!important;border-color:#DDD}
.enter-content table th { font-weight: bold; }
.enter-content table td,.enter-content table th { padding: 9px 10px;}
/* responsive layout styles */
@media only screen and (max-width:1240px){
header{padding: 20px 20px 0 20px;}
.index-homeload{ padding: 50px 20px;}
.index-student-activities{ padding: 50px 20px;}
.index-academic-exchanges{ padding: 50px 20px;}
.index-certification{ padding: 50px 20px;}
footer{ padding: 30px 20px;}
}
@media only screen and (max-width:767px){
.hidden-desktop{display: block !important;}
.hidden-phone{display: none !important;}
.text-left,.text-right{text-align:center}
.mobile-text-left{text-align:left;}
.mobile-text-right{text-align:right}
.grid-parent-left {padding-left:10px}
.grid-parent-right {padding-right:10px}
.enter-content img{max-width:100% !important;height:auto !important} /*for img set style width and height unable responsive*/
.logo img{max-width:50% !important;}
.enter-content table { margin-bottom: 0; }
.enter-content div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden;}
.enter-content div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
.enter-content table td, .enter-content  table th { position: relative; white-space: nowrap; overflow: hidden; }
header .search-bar { margin:20px 0 0 0;}
.warpper { padding:0 15px;}
.page-title {font-size: 28px;}
ul.share li a {font-size:14px;}
.form-inline .grid-50 { margin-bottom:10px;}
.google-maps { height:120px;}
.list-layout-01 { padding-left:60px;}
.list-layout-01 .date {width:50px; padding:8px 0;}
div.pull-right-gallery { width:100%;}
.float_button {position: fixed;right: 30px;top: 40%;}
.page-tools .page-release { margin-bottom: 8px }
.page-tools .page-share { text-align: left; }
.page-tools .page-share li { margin-left:0; margin-right:5px; }
.page-count {text-align:left;margin-bottom:20px}
.clipboardbox input { width: 120px; }
.mobile-menu-btn{ display: inline-block;}
header{ padding: 20px;}
footer { padding: 20px;}
footer .copyright{ line-height: 100%; margin-bottom: 10px;}
footer .language{ margin: 20px 0 0 0;}
#main-nav{display: none;}
nav .search-bar{ width: 100%;}
nav .search-bar input{ width: auto;}
#slideshow .image-description{ padding: 10px; font-size: 14px;}
.index-about{padding: 20px 20px 0 20px;}
.index-homeload{padding: 20px;}
.index-about::after,.index-homeload::after{display: none;}
.btn-list .box.mb-0{ margin-bottom: 10px;}
.index-video{ margin-top: -5px; padding: 0 20px;}
.index-glory{ margin:20px 0;padding: 50px 0;}
.news-box .title a{ font-size: 16px;}
.index-certification{ padding: 20px;}
.index-slogan{ padding: 20px;}
.left-bar{ display: none;}
.right-content{ border: none; padding: 0;}
.timetable-btn{ right: 10px;bottom: 176px;top: auto;}
.timetable-btn a{padding: 10px;width: 58px;height: 58px;}
.timetable-btn a .cn{ font-size: 14px;margin-top: 12px;}

header .header-link{ margin-top: 20px;}
header .header-link > li{ margin-right: 5px;}
header .header-link > li > a{ font-size: 12px;padding: 5px 10px;}
header .language{ margin-left: 5px;}
header .language.active ul > li > a{ padding: 5px;}
header .language > a{ font-size: 12px;}
.index-homeload{ padding: 20px;}
.index-homeload .flex-box .news{width: calc(100% - 12px);margin: 0 10px 20px 10px;}
.index-homeload .flex-box .notice{width: calc(100% - 12px);margin: 0 10px 20px 10px;}
.index-title > span{ font-size: 18px;}
.index-student-activities{ padding: 20px;}
.index-academic-exchanges{ padding: 20px;}
.index-certification{ padding: 20px;}
.student-activities-box{ display: block;}
.student-activities-box .cover{margin: 0 0 20px 0;width: auto;}
.student-activities .owl-dots{ position: relative;top: auto;bottom: auto; width: 100%;text-align: center;}
.index-academic-exchanges-box{ display: block;}
.index-academic-exchanges-box .date{ text-align: left;margin:0 0 20px 0;}
.about-page-content .logo{width: calc(100% - 20px);margin-bottom: 20px;}
.about-page-content .text{width: calc(100% - 20px);}
.about-page-content .block-content .box{width: calc(100% - 62px);margin-bottom: 20px;}
.about-page-content .bg-title-content .box .title{ padding: 20px;font-size: 24px;}
.about-page-content .bg-title-content .box{width: calc(100% - 20px);margin-bottom: 20px;}
.about-page-content .staff .box{width: calc(100% - 20px);margin-bottom: 20px;}
.page-btn-list > li{width: calc(50% - 20px);}
.pdf-download-list.two-inline > li{width: calc(100% - 20px);}

footer .other-link > li{padding: 0 10px;}
.download-btn{ right: 10px;bottom: 78px;top: auto;}
.download-btn a{padding: 10px;width: 58px;height: 58px;font-size: 14px;}
}