.top{
    background-image: url(../images/about_top.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding:30px 0px;}
.top img{
    border-radius: 50%;
    display: block;
    height: 100%;
    margin: 0px auto;}

.top .imgr p{
    color: #ffffff;
    font-size: 20px;
    line-height: 36px;
    border: 1px solid #ffffff;
    border-radius:10px; 
    padding: 15px;}
.top .imgr .name {
    margin-bottom: 20px;}
.top .imgr .name span{
    font-size: 24px;
    color: #ffffff;}
.top .imgr .name p{

    font-size: 16px;
    line-height: 1.75em;
    border: 0px solid #ffffff;
    border-radius:0px; 
    padding: 0px;}
.content{
    margin: 30px auto;}
.leader{
    background-image: url(../images/leader.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
.leader .t_title{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    height: 200px;
    line-height: 200px;
    width: 40%;
    margin: 0px auto;
    position: relative;}
.leader .t_title h2::before {
    content: "Leadership";
    border-bottom: 1px solid #ffffff;
    color: transparent;
    position: absolute;
    top:-100px;
    left: -160px;}
.leader .t_title h2::after {
    content: "Leadership";
    border-bottom: 1px solid #ffffff;
    color: transparent;
    position: absolute;
    top:-100px;
    right: -160px
;}
.International{
    background-image: url(../images/leader.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
.International .t_title{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    height: 200px;
    line-height: 200px;
    width: 60%;
    margin: 0px auto;
    position: relative;}
.International .t_title h2::before {
    content: "Leadership";
    border-bottom: 1px solid #ffffff;
    color: transparent;
    position: absolute;
    top:-100px;
    left: -160px;}
.International .t_title h2::after {
    content: "Leadership";
    border-bottom: 1px solid #ffffff;
    color: transparent;
    position: absolute;
    top:-100px;
    right: -160px
;}
.leader_list{
    margin: 50px auto;}
.leader_list li {
    margin: 20px auto;
	min-height:280px;
	padding:0px 0px;}
.leader_list li img{
    margin: 0px auto;
    height: 110px;
    border-radius: 50%;
    display: block;}
.leader_list li  h1{
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;}
.leader_list li p{
    line-height: 24px;
    margin: 0px auto;
    display: block;
	text-align: center;}
.l_top{
    margin: 0px auto;
    float: none;}

.l_min{
    margin: 0px auto;
    float: none;}




.Faculty_list{
    padding: 50px 0px;}
.Faculty_list,#Faculty_box,#Faculty_box  ul{
    background-color: #ffffff;}
.Faculty_list #Faculty_box {
    height: 700px!important;}
.Faculty_list #Faculty_box ul .Faculty_item{
    margin-bottom: 30px;
    padding-left:30px; 
    padding-right:30px; 
    height: 350px!important;}

.Faculty_list #Faculty_box .name {
    font-weight: bold;
    line-height: 30px;}
.Faculty_list #Faculty_box .ava {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    border-radius: 50%;
    overflow: hidden;}
.Faculty_list #Faculty_box .ava img {
    height: 100%;}
.Faculty_list #Faculty_box .layui-carousel-ind ul li{
    border: 1px solid #961d3c;
    content: "1";}


.Faculty_item_cn{
    padding: 50px 0px;}
.Faculty_item_cn,#Faculty_box,#Faculty_box  ul{
    background-color: #ffffff;}
.Faculty_item_cn #Faculty_box {
    height: 480px!important;}
.Faculty_item_cn #Faculty_box ul .Faculty_item{
    margin-bottom: 30px;
    padding-left:30px; 
    padding-right:30px; 
    height: 240px!important;}

.Faculty_item_cn #Faculty_box .name {
    font-weight: bold;
    line-height: 30px;}
.Faculty_item_cn #Faculty_box .ava {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    border-radius: 50%;
    overflow: hidden;}
.Faculty_item_cn #Faculty_box .ava img {
    height: 100%;}
.Faculty_item_cn #Faculty_box .layui-carousel-ind ul li{
    border: 1px solid #961d3c;
    content: "1";}




.layui-carousel[lay-indicator=outside] .layui-carousel-ind{
    top:60px;}
@media screen and (min-width: 1024px) and (max-width: 1170px)
{
    .top .imgr{
        padding-left: 30px;}
}
@media screen and (max-width: 1024px) 
{
}
@media screen and (max-width: 768px){
    .top .imgr .name {
        text-align: center;
        margin-top:30px;}
    .International .t_title{
        width: 65%;}

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

    .leader .t_title{
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        color: #ffffff;
        height: 200px;
        line-height: 200px;
        width: 100%;
        margin: 0px auto;
        position: relative;}
    .leader .t_title h2::before {
        content: "-";
        border-bottom: 1px solid #ffffff;
        color: transparent;
        position: absolute;
        top:0px;
        left: 0px;}
    .leader .t_title h2::after {
        content: "-";
        border-bottom: 1px solid #ffffff;
        color: transparent;
        position: absolute;
        top:0px;
        right: 0px
    ;}

    .International .t_title{
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        color: #ffffff;
        height: 200px;
        line-height: 200px;
        width: 100%;
        margin: 0px auto;
        position: relative;}
    .International .t_title h2::before {
        content: "-";
        border-bottom: 1px solid #ffffff;
        color: transparent;
        position: absolute;
        top:0px;
        left: 0px;}
    .International .t_title h2::after {
        content: "-";
        border-bottom: 1px solid #ffffff;
        color: transparent;
        position: absolute;
        top:0px;
        right: 0px
    ;}

}