.curriculum{
    background-image: url(../images/curriculum_top.jpg);
    background-repeat: no-repeat;
    background-position: center 67%;
    background-size: cover;}
.curriculum .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;}
.curriculum .t_title h2::before {
    content: "-------------";
    border-bottom: 1px solid #ffffff;
    color: transparent;
    position: absolute;
    top:-100px;
    left: -160px;}
.curriculum .t_title h2::after {
    content: "--------------";
    border-bottom: 1px solid #ffffff;
    color: transparent;
    position: absolute;
    top:-100px;
    right: -160px
;}

.Compulsory{
    padding: 0px;
    padding-bottom: 50px;}
.Compulsory .t_title{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #000000;
    height: 60px;
    line-height: 60px;
    width: 40%;
    margin: 0px auto;
    position: relative;}
.Compulsory .t_title h2::before {
    content: "-------------";
    border-bottom: 1px solid #000000;
    color: transparent;
    position: absolute;
    top:-30px;
    left: -160px;}
.Compulsory .t_title h2::after {
    content: "--------------";
    border-bottom: 1px solid #000000;
    color: transparent;
    position: absolute;
    top:-30px;
    right: -160px
;}
.Compulsory_l,.Compulsory_r{
    margin-top: 30px;}
.Compulsory_r{
    padding-left: 30px;}
.Compulsory_r .layui-colla-title{
    padding: 41px ;
    font-size: 22px;
    color: #961d3c;
    line-height: 28px;}
.Compulsory_r .layui-colla-icon{
    top:41px;
    font-weight: bold;
    font-size: 18px;}
.Compulsory_r .ac{
    background-color: #E5E5E5;}
#pano,#pano2{
    width: 100%;
    height: 230px;}


.Faculty{
    background-image: url(../images/faculty.jpg);
    background-repeat: no-repeat;
    background-position: center 67%;
    background-size: cover;}
.Faculty .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;}
.Faculty .t_title h2::before {
    content: "-------------";
    border-bottom: 1px solid #ffffff;
    color: transparent;
    position: absolute;
    top:-100px;
    left: -160px;}
.Faculty .t_title h2::after {
    content: "--------------";
    border-bottom: 1px solid #ffffff;
    color: transparent;
    position: absolute;
    top:-100px;
    right: -160px
;}

.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: 1200px)
{
   
}
@media screen and (max-width: 1024px) 
{
}
@media screen and (max-width: 768px){
    #pano,#pano2{
        height: 430px;}
    .Compulsory_r{
        padding-left: 0px;}
}
@media screen and (max-width: 580px){

    .curriculum .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;}
    .curriculum .t_title h2::before {
        content: "";
        border-bottom: 1px solid #ffffff;
        color: transparent;
        position: absolute;
        top:0px;
        left: 0px;}
    .curriculum .t_title h2::after {
        content: "";
        border-bottom: 1px solid #ffffff;
        color: transparent;
        position: absolute;
        top:0px;
        right: 0px
    ;}
    .Compulsory .t_title{
        height: 60px;
        line-height: 60px;
        width: 80%;}
    .Compulsory .t_title h2::before {
        content: "";
        top:-30px;}
    .Compulsory .t_title h2::after {
        content: "";
        top:-30px;}
    #pano,#pano2{
        height: 230px;}
    .Faculty .t_title{
        height: 60px;
        line-height: 60px;
        width: 80%;}
    .Faculty .t_title h2::before {
        content: "";
        top:-30px;}
    .Faculty .t_title h2::after {
        content: "";
        top:-30px;}

}
@media screen and (max-width: 375px){
    .Compulsory .t_title{
        line-height: 30px;}
    .Compulsory .t_title h2::before {
        top:0px;}
    .Compulsory .t_title h2::after {
        top:0px;}
    .Faculty .t_title{
        line-height: 30px;}
    .Faculty .t_title h2::before {
        top:0px;}
    .Faculty .t_title h2::after {
        top:0px;}
}