/* ²âÊÔÊÇ·ñÒ»Ö */
body{background: #f2f0e6;}
.header{position: static;}
.content{border-top: 1px solid #dfdfd8;margin-top: 15px;padding-top: 60px;}

.gp-ser .select{background: #f2f0e6;}
.gp-ser .select ul{background: #f2f0e6;}
/*²à±ßÀ¸*/
.gp-subLeft{width: 300px;float: left;}
.gp-subLeft ul{border-right: 1px solid #cdcfca;margin-top: 40px;padding-top: 55px;min-height: 900px;}
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li.active>a{color: #9d201d;}
.gp-subLeft > ul >li>a.active{color: #9d201d;}
.gp-subLeft > ul >li>a.active.secnav::after{content: "";width: 6px;height: 28px;background: #9d201d;position: absolute;right: 0;}
/* .gp-subLeft > ul >li.active.secnav::after{content: "";width: 6px;height: 28px;background: #9d201d;position: absolute;right: 0;top: calc(50% - 14px);} */
.gp-subLeft > ul >li > a{padding:18px 15px;display: block;border-bottom: 1px solid #cdcfca;margin-right: 20px;transition: all 0.35s ease-in-out;padding: 25px 0px;margin-right: 0;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{padding-right: 20px;margin-right: 0;color:#9d201d}
.gp-subLeft .gp-toggles{width: 48px;height: 48px;position: absolute;right: 0;top: 0;line-height: 80px;text-align: center;cursor: pointer;color:#666}
.gp-second-nav{font-size: 14px;display: none;background: #f2f0e6;}
.gp-second-nav dd a{display: block;padding:10px 15px 10px 20px;color:#666;transition: all 0.35s ease-in-out;font-size: 18px;line-height: 28px;}
.gp-second-nav dd a:hover,.second_nav dd a.active{font-weight: bold;color: #394958;}
.gp-second-nav dd a.active{position: relative;}
.gp-second-nav dd a.on{position: relative;}
.gp-second-nav dd a.active{color: #9d201d;}
.gp-second-nav dd a.on{color: #9d201d;}
.gp-second-nav dd a.active::after {
    content: "";
    width: 6px;
    height: 28px;
    background: #9d201d;
    position: absolute;
    right: 0;
    top: calc(50% - 14px);
}
.gp-second-nav dd a.on::after {
    content: "";
    width: 6px;
    height: 28px;
    background: #9d201d;
    position: absolute;
    right: 0;
    top: calc(50% - 14px);
}
/*²à±ßÀ¸Òƶ¯¶Ë */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:#ede9d5;cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 16px;color:#666;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40px;height: 40px;text-align: center;}
.gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;}
.gp-subNavm dl{ display: none; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#a70510}

@media screen and (max-width:998px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}


.gp-subLeft h2{line-height: 46px;color: #394958;}
.con_rt{margin-left: 360px;}
.bread{text-align: right;}
.bread a{font-size: 14px;color: #9ca4ab;line-height: 46px;}
.listTitle{margin-top: 47px;color: #394958;}
.article{padding-top: 12px;padding-bottom: 150px;}
.article3 {
    padding-top: 18px;
    
}
.article4{padding-bottom: 0;}
.article p{line-height: 28px;color: #394958;margin-top: 27px;}
.article p.video{text-align: center;}
.article p.video video{width: 664px!important;}
.article h3{line-height: 1.16;color: #394958;margin-top: 74px;}

.staff{    overflow: hidden;
    margin-top: 20px;margin-bottom: 150px;}
.staff ul{margin-left: -40px;}
.staff ul li{width: calc(33.3%);float: left;}
.staff ul li a{margin-left: 40px;display: block;position: relative;margin-bottom: 50px;overflow: hidden;padding-bottom: 80px;}
.staff ul li a::before{content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: -1;}
.staff ul li a div{text-align: center;width: 194px;height: 194px;margin: 0 auto;}
.staff ul li a div span{padding-bottom: 100%;border-radius: 50%;background: none;}
.staff ul li a p.name{color: #394958;line-height: 1.17;text-align: center;}
.staff ul li a span.brief{color: #9ca4ab;line-height: 24px;text-align: center;display: block;margin-top: 26px;padding: 0 20px;height: 48px;overflow: hidden;}

.news1{margin-top: 88px;}
.news1 .news_rtimg{float: right;width: 57.6%;margin-top: -14px;margin-left: 30px;}
.news1 .news_rtimg span{padding-bottom: 75%;}
.news_ltcon{}
.news_ltcon h3.title{line-height: 1.33;color: #394958;font-weight: normal;height: 305px;overflow: hidden;border-bottom: 1px solid #394958;}
.news_ltcon span.list_date{line-height: 1.67;color: #394958;display: block;margin-top: 86px;}
.news2{margin-top: 70px;}
.news2 ul{margin: 0 0 0 -40px;overflow: hidden;}
.news2 ul li{width: 33.3%;float: left;}
.news2 ul li a{margin: 0 0 60px 40px;display: block;}
.news2 ul li a .newsimg span{padding-bottom: 74.88%;}
.news2 ul li a .newscon {
    margin-top: -63px;
    width: 80%;
    background: #faf9f2;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
}
.news2 ul li a .newscon h3.title {
    font-size: 18px;
    line-height: 28px;
    color: #394958;
    font-weight: normal;
    height: 140px;
    overflow: hidden;
}
.news2 ul li a .newscon span.list_date {
    font-size: 16px;
    line-height: 30px;
    color: #959c9f;
    display: block;
    margin-top: 16px;
}

.pageArticle{margin-top: 68px;margin-bottom: 160px;}
.pageArticleTitle{}
.pageArticleTitle h3{line-height: 1.28;color: #394958;}
.pageArticleTitle p{color: #394958;font-size: 24px;line-height: 30px;margin-top: 10px;}
.articleAuthor{margin-top: 35px;}
.articleAuthor span{font-size: 18px;line-height: 30px;color: #959c9f;}
.articleAuthor span:nth-of-type(2){margin-left: 115px;}

.notice{margin-top: 105px;}
.notice ul {
    margin: 0 0 0 -40px;
    overflow: hidden;
}
.notice ul li {
    width: 33.3%;
    float: left;margin-bottom: 50px;
}
.notice ul li a {
    margin-left: 40px;
    display: block;
    background: #faf9f2;
    padding: 30px;
    padding-bottom: 20px;
}
.notice ul li a .list_date {
    position: relative;
    width: auto;
}
.notice ul li a .list_date::after {
    content: "";
    width: 90px;
    height: 1px;
    background: #394855;
    position: absolute;
    bottom: 8px;
    left: 0;
}
.notice ul li a .list_date i {
    font-size: 14px;
    line-height: 46px;
    color: #394855;
}
.notice ul li a .list_date span {
    font-size: 48px;
    line-height: 46px;
    color: #394855;
    margin-left: 6px;
}
.notice ul li a p {
    font-size: 18px;
    line-height: 28px;
    color: #394855;
    margin-top: 34px;
    height: 192px;
    overflow: hidden;
}


.gp-page {
    text-align: center;margin-bottom: 90px;border-top: 1px solid #dfdfd8;margin-top: 40px;
}
.gp-page a{
    display: inline-block;
    /* padding: 10px 5px; */
    position: relative;
    color: #9ca4ab;
    font-size: 18px;
    line-height: 30px;
    padding: 0 5px;
    margin: 0 10px;
}
.gp-page a:hover{color: #394855;}
/* .gp-page a::after{content: "";width: 100%;height: 3px;background: #0154a4;position: absolute;bottom: 0;left: 0;} */
.gp-page a.gp-page-start{padding-left: 50px;}
.gp-page a.gp-page-end{padding-right: 50px;}
.gp-page a.gp-page-end,.gp-page a.gp-page-start,.gp-page a.gp-page-prev,.gp-page a.gp-page-next{padding: 0 10px;}
.gp-page a.on_pages{box-shadow: 1px -2px 15px 2px  #eee;color: #394958;font-weight: bold;position: relative;}
.gp-page a.on_pages::before{content: "";width: 100%;height: 1px;background: #394958;position: absolute;top: 0;left: 0;}

.admission{margin-top: 69px;}
.admission ul{padding-bottom: 60px;}
.admission ul li{border-bottom: 1px solid #dfdfd8;}
.admission ul li a{position: relative;padding: 25px 0;display: block;}
.admission ul li a p {
    font-size: 24px;
    line-height: 40px;
    width: calc(100% - 60px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.admission ul li a span{position: absolute;width: 50px;height: 50px;border: 1px solid #d9dbd5;border-radius: 50%;background: url(/overseas/images/right.png) no-repeat center center;right: 0;top:calc(50% - 25px);}



.teacher{margin-top: 50px;}
.teacher ul{margin-left: -35px;overflow: hidden;}
.teacher ul li{width: 20%;float: left;margin-bottom: 42px;}
.teacher ul li a{margin-left: 35px;display: block;}
.teacher ul li a .img{width: 100%;height: 0;padding-bottom: 138%;overflow:hidden;display: block;}
.teacher ul li a .img img{width: 100%;}
.teacher ul li a .title{line-height: 36px;color: #394958;text-align: center;font-weight: bold;}

.teacher_details{margin-top: 30px;background: #ede9d5;padding: 60px 50px;}
.teacher_details .left{width: 181px;float: left;}
.teacher_details .left>div{padding-bottom: 137.02%;}
.teacher_details .right{margin-left: 220px;position: relative;}
.teacher_details .right a:nth-of-type(2){position: absolute;top: 0;right: 0;width: 200px;height: 46px;font-size: 18px;line-height: 28px;color: #9d201d;border: 1px solid #c9c9bc;text-align: center;line-height: 46px;display: block;}
.teacher_details .right h3.name{font-size: 24px;line-height: 40px;color: #394958;margin-bottom: 20px;}
.teacher_details .right p{font-size: 18px;line-height: 36px;color: #394958;}
.article2{padding-top: 0;margin-top: -14px;}
.article2 h3{margin-top: 62px;}
.article2 p{margin-top: 24px;}

.introduction{background:#faf9f0;padding: 20px 40px 50px;margin-top: 30px;}
.introduction p{margin-top: 20px;}
.introduction i{font-size: 18px;line-height: 28px;color: #9d201d;font-style: normal;}
.introduction span{font-size: 18px;line-height: 24px;color: #394958;}
.slick-images4 .slick-slider > a {
    padding: 0 18px;
    display: block;
}
.slick-img4.gp-img-responsive {
    padding-bottom: 138%;
}
button.slick-prev.slick-arrow,button.slick-next.slick-arrow {
    width: 50px;
    height: 50px;
    display: block;
    border: none;
}
.slick-images4 .slick-prev {
    width: 50px;
    height: 50px;
    left: -47px;
    background: url(/overseas/images/slick_left.png);
}
.slick-images4 .slick-next {
    width: 50px;
    height: 50px;
    right: -47px;
    background: url(/overseas/images/slick_right.png);
}
.icon-zuo1:before {
    content: "";
}
.icon-you1:before {
    content: "";
}
.slick-arrow {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    border: none;
    bottom: 0;
    z-index: 88;
    cursor: pointer;
    transition: all 0.35s ease-in-out;
    background: none;
    overflow: hidden;
    top: 50%;
    margin-top: -25px;
}
.slick-next {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    border: none;
    bottom: 0;
    z-index: 88;
    cursor: pointer;
    transition: all 0.35s ease-in-out;
    background: none;
    overflow: hidden;
    top: 50%;
    margin-top: -25px;
}
.Supervisors{    border: 1px solid #dfdfd8;
    /* padding: 31px 21px; */
    padding: 20px 0;
    padding-bottom: 0px;
    margin: 44px 25px;}


.Supervisors ul.list01{margin:0 15px;overflow: hidden;}
/* .Supervisors ul.list02{height: 0;} */
.Supervisors ul li{width: 25%;float: left;margin-bottom: 15px;list-style-type: disc;list-style-position: inside;}
.Supervisors p{font-size: 18px;line-height: 50px;color: #394958;margin-top: 0;text-align: left;font-weight: bold;display: inline-block;}
/* .Supervisors ul li a{margin:0 15px;display: block;}
.Supervisors ul li a span{
    width: 100%;
    height: 0;
    padding-bottom: 138%;
    overflow: hidden;
    display: block;
}
.Supervisors ul li a span img{width: 100%;} */



/* .Supervisors p{font-size: 18px;line-height: 50px;color: #394958;margin-top: 0;text-align: center;font-weight: bold;} */
.viewmore {
    width: 190px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0px auto;
    margin-top: 18px;
    margin-bottom: -25px;
}
.viewmore a {
    font-size: 16px;
    line-height: 50px;
    color: #394958;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #d4d2c9;
    background: #f2f0e6;
}

@media screen and (max-width:1240px){
    .Supervisors ul li{width: 33.3%;}
}
@media screen and (max-width:1060px){
    .article p.video video{width: 90%!important;}
    .Supervisors ul li{width: 50%;}
    
}
@media screen and (max-width:996px){
    .content{padding-top: 20px;}
    .con_rt{margin-left: 0;}
    .bread{text-align: left;}
    .listTitle{margin-top: 0px;}

    .news1 .news_rtimg{float: initial;width: 100%;margin-left: 0;}
    .news_ltcon{margin-top: 30px;}
    .news_ltcon h3.title{height: auto;}
    .news_ltcon span.list_date{margin-top: 20px;}
    
    .teacher ul li{width: 25%;}
    .teacher_details{padding: 30px 20px;}
    .news1 {margin-top: 25px;}
    .article{padding-bottom: 20px;padding-top: 0;}
    .pageArticle{margin-bottom: 10px;margin-top: 10px;}
    .articleAuthor{margin-top: 10px;}
    .staff{margin-bottom: 30px;margin-top: 0;}
    .gp-page{margin-top: 20px;margin-bottom: 30px;}
    .notice{margin-top: 20px;}
    .admission{margin-top: 20px;}
    .article h3{margin-top: 20px;}
    .introduction{padding: 20px;}
    .teacher{margin-top: 20px;}

    .staff ul li a span.brief{margin-top: 10px;}
    .staff ul li a{padding-bottom: 30px;margin-bottom: 20px;}
    .news2{margin-top: 30px;}
    .news2 ul li a{margin-bottom: 30px;}
    .notice ul li{margin-bottom: 30px;}
    .admission ul li a{padding: 15px 0;}
    .admission ul li a p{font-size: 20px;}
    .admission ul{padding-bottom: 30px;}
    .teacher ul li{margin-bottom: 30px;}
    .article p{margin-top: 17px;}
    .notice ul li a p{height: auto;margin-top: 10px;}

    .Supervisors ul li{width: 33.3%;}
    .Supervisors p{line-height: 24px;}
}

@media screen and (max-width:767px){
    .staff ul li{width: 50%;}
    .news2 ul li{width: 50%;}
    .notice ul li{width: 50%;}
    .teacher ul li{width: 33.3%;}
    .article p.video video{width: 90%!important;}

    
    .admission ul li a p{font-size: 18px;font-size: 1.8rem;}
    .admission{margin-top: 10px;}
    .admission ul li a{padding: 10px 0;}
    .teacher_details .right a:nth-of-type(2){position: relative;margin-bottom: 10px;}
    
    .Supervisors{margin: 20px 10px;}
    .Supervisors ul li{width: 50%;}
}
@media screen and (max-width:540px){
    .teacher ul li{width: 50%;}

    .teacher_details .left{float: initial;margin: 0 auto;}
    .teacher_details .right{margin-left: 0;margin-top: 20px;}
    .staff ul li a div{width: 80%;height: auto;}
    .staff ul li a::before{top: 29%;}
    .teacher ul li{margin-bottom: 20px;}
}
@media screen and (max-width:479px){
    .news2 ul li{width: 100%;}
    .notice ul li{width: 100%;}
    .Supervisors ul li{width: 100%;}
}