.page-node-type-page .rcname p{
	word-break: keep-all;
}

.page-node-type-page .region-right {
    padding: 20px 5%;
}
.page-node-type-article .block-region-left{
	padding:40px 20px;
}
.page-node-type-article .block-region-right {
    padding: 0 30px 50px;
    margin-top: 40px;
    background-color: #F2f2f2;
}
.article-title h1 {
   color: #0756a6;
   margin-bottom:50px;
}
.page-node-type-article .article-title h1 {
   margin-bottom:20px;
}

.page-node-type-article .article-header{
	border-bottom:1px solid #ECECEC;
	padding-bottom:20px;
	margin-bottom:40px;
}
.page-node-type-article .block-region-right .block h2.block-title,.region-right h2{
	font-size:24px;
	padding:25px 0 15px;
	color: #0756a6;
	border-bottom:0;
}
.page-node-type-article .relateside{
	padding:10px 5px;
}

.page-node-type-article .relateside a{
	line-height:150%;
	margin-bottom:10px;
	font-size:16px;
}
.about-platform{
	padding:20px;
	border-left:3px solid #2B84DE;
	margin-bottom:20px;
	background:#EDF2FA;
}
.about-platform p{
	font-size:18px;
	font-weight:600;
    margin-bottom: 15px;
    padding-left: 10px;
}
.about-platform ul{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin:0;
}
.about-platform li{
	list-style:none;
	padding:0;
	margin:0;
	padding:10px 20px;
	background-color:#FFF;
	width:calc(100% - 20px);
	margin:10px;
}
.about-course {
    display: flex;
    align-items: center;
    margin:20px 0;
    justify-content: center;
}
.about-course-l,.about-course-m,.about-course-r{
	position:relative;
	z-index:1;
}
.about-course-m{
	z-index:2;
	margin:0 40px
}
.about-course-l:after{
    position: absolute;
    top: 21px;
    right: -20px;
    width: 1px;
    height: calc(100% - 50px);
    background: #999;
    content: "";
}
.about-course-r:before {
    position: absolute;
    top: 31px;
    left: -20px;
    width: 1px;
    height: calc(100% - 70px);
    background: #999;
    content: "";
}
.about-course p {
    padding: 10px 15px;
    border: 1px solid #999;
    background:#EDF2FA;
    position:relative;
    font-size:14px;
}
.about-course p:after{
	position:absolute;
	right:-20px;
	width:20px;
	height:1px;
	background:#999;
}
.about-course-l p:nth-child(1):after{
	position:absolute;
	top:20px;
	content:"";
}
.about-course-l p:nth-child(3):after{
	position:absolute;
	bottom:20px;
	content:"";
}
.about-course-r p:nth-child(1):after{
	left:-20px;
	right:auto;
	top:30px;
	content:"";
}
.about-course-r p:nth-child(3):after{
	left:-20px;
	right:auto;
	bottom:30px;
	content:"";
}
.about-course-m p:after{
	top:20px;
	right:-40px;
	width:40px;
	content:"";
}
.about-course-m p:before{
	position:absolute;
	top:20px;
	left:-40px;
	width:40px;
	height:1px;
	background:#999;
	content:"";
}
@media(min-width:992px){
.about-platform li{
   width:calc(50% - 20px);
   margin:10px;
}
}
@media(min-width:1600px){
	.article-title h1 {
    font-size: 2vw;
}
}

dl.abouthistory {
    font-size:14px;
}
.abouthistory dt {
    width: 100%;
}
dl.abouthistory dt h2{
	font-weight:600;
	font-size:26px;
	display:inline-block;
}
dl.abouthistory dd {
    position:relative;
    padding:20px 20px 20px 100px;
    border-left: 3px solid #0756a6;
}
dl.abouthistory dd  p.detail img {
    max-height: 200px;
    width: auto;
    display: block;
}
dl.abouthistory dd p.year{
	font-weight:bold;
	position:relative;
	color:#0756a6;
	font-size:18px;
}
dl.abouthistory dd p.year:before{
		content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #FFF;
    border: 1px solid #0756a6;
    left: -110px;
    top: 6px;
    z-index:2;
    border-radius:100%;
}
dl.abouthistory dd:hover p.year{
	color:#3398FF;
}
dl.abouthistory dd:hover p.year:before{
	  background: #3398FF;
}
dl.abouthistory dd p.year:after{
			content: "";
    position: absolute;
    left:-105px;
    width:100px;
    top:13px;
    height:1px;
    border-bottom:2px dotted  #0756a6 ;
}
dl.abouthistory dd p.detail.limitheight {
    min-height: 110px;
    position: relative;
    text-align: left;
}
@media(min-width:992px){
.abouthistory dt {
    text-align: center;
}
dl.abouthistory dd {
   width: calc(50% - 100px);
}
dl.abouthistory dd{
	margin-left: 50%;
}
dl.abouthistory dd.f-dd {
	margin-right: 50%;
	text-align:right;
	padding-right: 100px;
	padding-left:0;
	border-right: 3px solid #0756a6;
	border-left:0;
	margin-left: 0;
}
dl.abouthistory dd.f-dd p.year:before{
    right: -110px;
    left:auto;
}
dl.abouthistory dd.f-dd p.year:after{
    right:-105px;
    left:auto;
}
dl.abouthistory dd.f-dd .detail{
	text-align:left;
}
dl.abouthistory dd p.detail.limitheight img.left {
    width: 130px;
    height: auto;
    position: absolute;
    right: -165px;
    top: 0;
}
}
@media(max-width:991px){
dl.abouthistory dd p.detail.limitheight {
    min-height: 70px;
}
dl.abouthistory dd p.detail.limitheight img.left {
    position: absolute;
    width: 100px;
    left: -150px;
}
}
/*ul.abouthistory:before{
	position:absolute;
	content:"";
	height:100%;
	width:1px;
	background-color:#ECECEC;
	left:0;
	top:10px;
}
ul.abouthistory li{
    list-style:none;
    position: relative;
        padding-left: 20px;
    margin-bottom: 40px;
}
ul.abouthistory li:before{
	position:absolute;
	left:-26px;
	border:1px solid #ECECEC;
	border-radius:100%;
	width:11px;
	height:11px;
	background-color:#FFF;
	content:"";
	top: 10px;
}
ul.abouthistory li:after{
position: absolute;
    left: -12px;
    width: 30px;
    height: 1px;
    background-color: #ECECEC;
    content: "";
    top: 15px;
}
ul.abouthistory li strong{
     font-size: 30px;
    color: #0163b1;
    font-family: Times;
    font-style: italic;
 
    display: block;
}
ul.abouthistory li:hover:before{
		background-color:#2B84DE;
}
ul.abouthistory li:hover strong{
		color:#2B84DE;
}
*/
.orgblock {
    display: flex;
    flex-wrap: wrap;
}
.orgblock .org01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position:relative;
    border-bottom: 1px solid #999;
    width: 100%;
}
.orgblock .org01 p {
    display: inline-block;
    background: #005826;
    color: #FFF;
    padding: 20px 30px;
    border-radius: 5px;
    width: fit-content;
    margin-bottom: 20px;
}
.orgblock .org01:before {
    content: "";
    width: 1px;
    height: 90%;
    background: #999;
    position: absolute;
    z-index: -1;
    bottom: 0;
}
.orgblock .org01 p.org0101 {
    margin-left: 240px;
    position: relative;
}
.orgblock .org01  p.org0101:before{
	content: "";
    width: 35px;
    height: 1px;
    background: #999;
    position: absolute;
    left: -35px;
    top: 35px;
}
.org02, .org03, .org04, .org05 {
    display: inline-block;
    width: 20%;
    text-align: center;
}
.org02{
	width:35%;
}
 .org03{
 	width:25%;
 }
.orgblock h4{
	  display: inline-block;
    background: #005826;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 5px;
    width: fit-content;
    margin:0 auto;
    position:relative;
    margin-top:40px;
    font-size: 14px;
}
.orgblock h4:before{
	height:90px;
	width:1px;
	background:#999;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:-40px;
	z-index:-1;
	content:"";
}
.orgblock .org02 h4{
	background:#8E1A27;
}
.orgblock .org03 h4{
	background:#C55B11;
}
.orgblock .org04 h4{
	background:#7030A0;
}
.orgblock .org05 h4{
	background:#341A71;
}
.orgblock ul{
display: flex;
    margin: 14px 5px 0;
    padding: 0;
    justify-content: center;
    border-top: 1px solid #999;
}
.orgblock li{
	font-size:14px !important;
	list-style:none;
	padding:10px 5px;
	width: 30px;
	text-align: center;
	margin:10px 5px;
	border-radius:3px;
	line-height:130% !important;
	position:relative;
	
}
.orgblock li:before{
	height:10px;
	width:1px;
	background:#999;
	content:"";
	position:absolute;
	top:-10px;
	margin: 0 auto;
    left: 0;
    right: 0;
}
.orgblock .org02 li{
	background:#FAE4D7;
}
.orgblock .org03 li{
	background:#FFF2CC;
	width:auto;
}

.orgblock .org04 li{
	background:#D7C0D2;
}

.orgblock .org05 li{
	background:#B4C7E7;
}




.org h4 {
    font-size: 20px;
    color: #0756A6;
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
    padding: 20px 30px;
    border-top: 3px solid #0756A6;
    background: #F5F8FF;
    font-weight: 600;
    margin-bottom: 5px;
    position: relative;
}
.org p {
    padding: 15px 20px;
    background: #FAFAFA;
    font-size: 14px;
}
.org.org1 h4:before{
    content: "";
    width: 1px;
    height: 152px;
    position: absolute;
    left: 50%;
    bottom: -152px;
    background: #CCC;
}
.org.org2 {
    margin: 40px 0;
}
.org.org3 {
    border-top: 1px solid #CCC;
}
.org.org3 h4 {
    margin-top: 40px;
}
.org.org3 h4:before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: -43px;
    background: #CCC;
}
@media(max-width:768px){
	.org02, .org03, .org04, .org05 {
    width: 100% !important;
}
.orgblock .org01 p.org0101 {
    margin-left: 0px;
}
.orgblock .org01 p.org0101:before{
	display:none;
}
}
@media(min-width:540px){
	.org.org1 h4:after {
    content: "";
    top: 140px;
    position: absolute;
    right: -10%;
    width: 155px;
    height: 1px;
    background: #CCC;
}
.org.org2 h4 {
    left: 65%;
    display: inline-block;
}
}
.staffs{
	padding:30px 40px;
  margin-bottom: 30px;
  position:relative;
}
.staffs:before{
	background: url(../../teacherbg.png) no-repeat left bottom #F5F8FF;
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	content:"";
	left:0;
	top:0;
	transform: rotate(180deg);
}
.staffs h3{
	font-size:20px;
	font-weight:600;
	color:#0163b1;
	margin-bottom:15px;
}
.staffs h3 span{
	font-size:14px;
	font-weight:normal;
	color:#666;
	margin-left:10px;
}
/************************* table **********************************************/
.table thead tr th,.table tr.ssp {
    font-size: 15px !important;
    background: #2B84DE !important;
    letter-spacing: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight:600;
    border-bottom: 0;
    color:#FFF;
    text-align: center;
}
.table thead tr th p{
      font-size:15px !important;
}
.table p{
  font-size:14px;
  margin:0;
  line-height:150%;
}
.table tbody tr:nth-child(odd) {
    background:#EDF2FA;
}
.table tbody tr:nth-child(even) {
    background:#FAFCFE;
}
.table.normal tbody tr td {
    vertical-align: top;
}
.table.p-leader{
	text-align:center;
}
.table.table-leader thead th:nth-child(1){
	width:80px;
}
.table.table-leader thead th:nth-child(2){
	width:60px;
}
@media only screen and (max-width:767px){
.deanmessage .row {
  background-size:100%;
}

}
@media screen and (max-width: 767px) {
  .row div.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 10px;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
  
  .inner .breadcrumb {
    font-size: 14px;
    position: absolute;
    top: -75px;
    padding: 0 14px;
    margin: 0;
    border-bottom: 0;
  }
  .page-node-type-article .region-right .block-region-right, .page-node-type-event .region-right .block-region-right {
    padding: 1px 14px 20px;
    background: #FFF;
    margin-bottom: 40px;
  }
  .page-node-type-article .region-right .block-region-right .article-title h1, .page-node-type-event .region-right .block-region-right .article-title h1 {
    font-size: 20px;
    font-weight: bold;
  }
  
   .page-node-type-article .region-right .block-region-right .article-title h2, .page-node-type-event .region-right .block-region-right .article-title h2 {
    font-size: 18px;
    font-weight: bold;
  }
  
  .article-submit {
    color: #999;
    text-align: center;
    font-size: 12px;
   }
  
  .field-body table tr td {
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #888888;
  }
  
 .field-body table p, .field-body p {
    font-size: 14px;
    line-height: 1.5;
 }

  .field-body p.text-align-center {
    text-align: center;
  }
  .field-body video {
    width: 100%;
  }
  
}

.table-fix{
  table-layout: fixed;
}


.deaninfo{
	padding:20px;;
	text-align:center;
}
.deaninfo h4{
	font-size:18px;
	font-weight:600;
	margin-top:8px;
}
.deaninfo h4 span{
	font-size:14px;
	font-weight:400;
	margin-top:5px;
	color:#999;
	display:block;
}