@import url("iconfont.css");

.news a{color: inherit;}
.news_title{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
  }
  .news_intro{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
  }
.post9 .tt{
    padding-left: 0.09rem;
    border-left: 0.06rem solid #AD231C;
    margin-bottom: 0.44rem;
}
.post9 .tt .title{
    font-size: 0.24rem;
    font-weight: bold;
    color: #000000;
}

.mainbox01 .news_title{
    font-size: 0.28rem;
    font-weight: bold;
    color: #AD231C;
    margin-bottom: 0.3rem;
}
.mainbox01 .content,
.mainbox01 .content p,
.mainbox01 .content span,
.mainbox01 .content font{
    font-size: 0.18rem !important;
    color:#333333;
    line-height:1.75;
}
@import url("iconfont.css");
.mainbox02{margin: 0.6rem 0;position: relative;z-index: 0;}
.mainbox02::after{
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: block;
    width: 14.6rem;
    height: 100%;
    background-color: #AD231C;
    
}
.mainbox02 .con{
    position: relative;
    z-index: 5;
    background-color: #AD231C;
    display: flex;
}
.mainbox02 .img_box{
    width: 40%;
    height: 4.4rem;
}
.mainbox02 .img_box img{width: 100%;height: 100%;}
.mainbox02 .news_con{
    width: 60%;
    box-sizing: border-box;
    padding: 0.5rem 0.1rem 0.5rem 0.6rem;
}
.mainbox02 .news_list.u1{margin-bottom: 0.4rem;}
.mainbox02 .news_list.u1 .news_title{
    font-size: 0.24rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0.2rem;
}
.mainbox02 .news_list.u1 .news_intro{
    font-size: 0.16rem;
    color: #fff;
    line-height:1.75;
}
.mainbox02 .news_list.u2{
    display: flex;
    justify-content: space-between;
}
.mainbox02 .news_list.u2 .news{
    width: 1.4rem;
    height: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(../images/z_bg01.png) no-repeat center / 100%;
}
.mainbox02 .news_list.u2 .news .short_title{
    font-size: 0.4rem;
    font-weight: bold;
    font-family: serif;
    color: #fff;
    margin-bottom: 0.15rem;
}
.mainbox02 .news_list.u2 .news .short_title .num{font-size: 0.4rem;}
.mainbox02 .news_list.u2 .news .short_title span{
    font-size: 0.16rem;
}
.mainbox02 .news_list.u2 .news .news_title{
    font-size: 0.16rem;
    color: #fff;
}

.mainbox03{margin-bottom: -0.2rem;}
.mainbox03 .news_list{
    display: flex;
    justify-content: space-between;
}
.mainbox03 .news{
    width: 2.2rem;
    height: 2rem;
    background-color: #FFFAEF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0.1rem;
}
.mainbox03 .news_imgs img{
    width: 0.6rem;
    height: 0.6rem;
}
.mainbox03 .short_title{
    font-size: 0.18rem;
    color: #AD231C;
    margin: 0.1rem 0;
}
.mainbox03 .news_title{
    font-size: 0.16rem;
    color: #333333;
    -webkit-line-clamp: 3;
    text-align:center;
    line-height:1.5;
    height: 0.48rem;
}

.mainbox04 .news{
    display: flex;
    align-items: center;
    margin-bottom: 0.3rem;
    background-color: #FFFAEF;
    border-left: 0.04rem solid #AD231C;
    padding: 0.3rem 0.35rem;
}
.mainbox04 .news_imgs{
    background: none;
    margin-right: 0.25rem;
    flex-shrink:0;
}
.mainbox04 .news_imgs img{
    width: 0.51rem;
    height: 0.4rem;
}
.mainbox04 .news_title{
    font-size: 0.18rem;
    color: #000000;
    -webkit-line-clamp: 2;
    line-height:1.75;
}
/* ssss */

/* 首页安泰故事视频 */
.slideVideo-gs {
    width: 424px;
    height: 267px;
    display: block;
    overflow: hidden;
    object-fit: fill;
}

.video_btn_gs {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    width: 77px;
    height: 77px;
}

.video_btn_gs img {
    height: 100%;
}

.big-veodier {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

.big-veodier:before,.big-veodier002:before,.big-veodier003:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.big-veodier002,.big-veodier003 {
    position: relative;
    cursor: pointer;
}

.big-veodier001:hover .video_btn_gs001,.big-veodier002:hover .video_btn_gs002,.big-veodier003:hover .video_btn_gs003 {
    display: block;
}

.big-photo-gushi {
    height: 533px;
    display: block;
    float: right;
    width: 848px;
    position: relative;
    overflow: hidden;
}

.big-photo-gushi:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.big-photo-gushi span {
    font-size: 18px;
    color: rgba(255,255,255,.8);
    position: absolute;
    bottom: 24px;
    left: 46px;
    z-index: 3;
    right: 46px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.big-photo-gushi img {
    height: 100%;
}


/* 首页banner */
.video-slider--with-full .banner-slider .item a {
    height: 7rem;
    display: block;
    position: relative;
}

.video-slider--with-full .banner-slider .item a img {
    height: 100%;
}

.video-slider--with-full {
    padding: 0 0.3rem;
    margin-top: 0.2rem;
    margin-bottom: .5rem;
}

.video-slider--with-full .banner-slider .owl-dots {
    display: none;
}

.title-serif--xl {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    transform: translateY(-50%);
}

.title-serif--xl span {
    font-family: garamond-bold;
    display: block;
    color: #FFFFFF;
    font-size: 0.78rem;
    background-image: linear-gradient(#B81C22,#B81C22);
    background-repeat: no-repeat;
    background-size: 0 100%;
    padding: 0 0.1rem 0;
    float: left;
    clear: left;
    height: 0.9rem;
    line-height: .9rem;
}

.video-slider--with-full .banner-slider .active .title-serif--xl span {
    transition: background-size 1s cubic-bezier(.5,0,.5,1) .2s;
    background-size: 100% 100%;
}

.video-slider--with-full .banner-slider .active .title-serif--xl span:nth-child(2) {
    animation-delay: .5s;
    margin-top: -0.05rem;
}

.english-title h3 {
    margin: 0;
}

.english-title h3 span {
    float: left;
    font-size: 0.58rem;
    color: #202020;
    font-family: shsb;
}

.english-title h3 a {
    float: right;
    font-size: 0.16rem;
    font-family: Arial;
    color: #202020;
    margin-top: 0.25rem;
}

.english-title h3 a .iconfont,.is-Editor-false01 a .iconfont,
.mod-flow_js .offcanvas-dialog-title a .iconfont,.Publications_titler a .iconfont,
.bg-title-font36 a .iconfont, .news-spacing0 a  .iconfont {
    font-size: 0.16rem;
    font-weight: bold;
    margin-left: 0.05rem;
}

.english-title h3 a:hover,.byted-link-owl .item a:hover h4,
.connect-with-current-students ul li a:hover span,.Programs-Chinese-lisener ul li a:hover p,
.Alumni_Services_listery ul li a:hover span,.Alumni_Services_listery ul li a:hover .iconfont,
.Conferences-owl-Business-slider .item:hover .Conferences-owl-Business-slider-datay strong,
.is-Editor-false01 a:hover,.Publications_titler a:hover,.Publications_titler a:hover .iconfont,
.bg-title-font36 a:hover,.news-spacing0 a:hover {
    color: #B81C22;
}

.byted-link-owl {
    margin-top: 0.25rem;
    padding: 0 0.5rem;
}

.byted-link-owl .item a {
    display: block;
    border: 1px solid #CFCFCE;
}

.byted-link-owl .item a span img {
    height: 2.25rem;
}

.byted-link-owl .item a h4 {
    margin: 0;
    font-size: 0.24rem;
    color: #202020;
    height: 1.02rem;
    line-height: 0.34rem;
    font-family: garamond-bold;
    margin-bottom: .13rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.byted-link-owl .item a div {
    padding: 0.17rem 0.2rem 0.2rem 0.2rem;
    overflow: hidden;
}

.byted-link-owl .item a p {
    font-size: .16rem;
    color: #696969;
    height: 1.28rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 0.32rem;
    margin-bottom: .21rem;
}

.byted-link-owl .item a span {
    display: block;
    color: #696969;
    font-family: Arial-Bold;
    font-size: 0.16rem;
}

.byted-link-owl .owl-nav {
    display: none;
}

.byted-link-owl .owl-dots .owl-dot span,.Antai-Insight-owl .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.6rem;
    height: 0.05rem;
    background: #dcdcdc;
    margin: 0 .07rem;
}

.byted-link-owl .owl-dots .owl-dot.active span, 
.byted-link-owl .owl-dots .owl-dot:hover span,
.Antai-Insight-owl .swiper-pagination-bullet-active {
    background: #B81C22!important;
}

.byted-link-owl .owl-dots {
    text-align: center;
    padding: 0.3rem 0;
}

.Antai-Stories-feedback-rt:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #B81C22;
    position: absolute;
    right: 0;
    bottom: -.2rem;
}

.Antai-Stories-waren {
    background: #F8F8F8;
    padding-top: .4rem;
    padding-bottom: .5rem;
}

.Antai-Insight-owl .owl-nav {
    display: none;
}

.Antai-Insight-owl .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .3rem;
}

.Antai-Insight-owl .item .vrwrap-txt-maner-lt img {
    width: 0.7rem;
    height: 0.7rem;
    display: block;
    border-radius: 50%;
}

.vrwrap-txt-maner-lt {
    float: left;
}

.vrwrap-txt-maner-rt {
    float: left;
    margin-left: .2rem;
}

.vrwrap-txt-maner-rt h6 {
    color: #FFFFFF;
    font-size: .2rem;
    font-family: Arial-Bold;
    margin-top: 0;
    margin-bottom: .1rem;
}

.vrwrap-txt-maner {
    display: flex;
    align-items: center;
}

.vrwrap-txt-maner-rt span {
    display: block;
    color: #FFFFFF;
    font-size: .14rem;
}

.Antai-Insight-owl {
    position: relative;
}

.Antai-Insight-owl .swiper-pagination-bullets .swiper-pagination-bullet {
    border-radius: 0;
    opacity: 1;
}

.Antai-Insight-owl .swiper-pagination-bullets .swiper-pagination-bullet-active {
    position: relative;
    top: 0.01rem;
}

.Antai-Insight-owl .swiper-horizontal>.swiper-pagination-bullets, 
.Antai-Insight-owl .swiper-pagination-bullets.swiper-pagination-horizontal, 
.Antai-Insight-owl .swiper-pagination-custom, 
.Antai-Insight-owl  .swiper-pagination-fraction {
    bottom: 0.4rem;
}

.Academic-wraper {
    margin-top: .5rem;
}

.Academic-owl-slider .item a div {
    padding-top: 0.2rem;
    height: 2.93rem;
}

.Academic-owl-slider .item a {
    border: none;
    background: #F8F8F8;
    position: relative;
}

.Academic-owl-slider .item .aright-con li {
    font-size: 0.12rem;
    color: #696969;
    margin-bottom: 0.18rem;
    display: flex;
    align-items: center;
}

.Academic-owl-slider .item a:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    background: #B81C22;
    z-index: -1;
}

.Academic-owl-slider .item {
    padding-bottom: 0.2rem;
}

.Academic-owl-slider .item .aright-con {
    margin-top: 0.25rem;
}

.m-subnav--primary-xial ul li a span {
    width: 90%;
    display: inline-block;
}

.Academic-owl-slider .item .aright-con li:first-child .iconfont {
    position: relative;
    top: -0.03rem;
}

.Academic-owl-slider .item .aright-con li .iconfont {
    font-size: 0.16rem;
    color: #B81C22;
    margin-right: 0.06rem;
    float: left;
}

.Academic-owl-slider .item .aright-con li:last-child {
    margin-bottom: 0;
}

.Academic-owl-slider .item .aright-con li label {
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.Academic-owl-slider .item .aright-con li:first-child {
    display: block;
}

.Academic-owl-slider .owl-dots {
    padding-top: .2rem;
    padding-bottom: .4rem;
}

.Academic-owl-slider .owl-stage-outer {
    overflow: visible!important;
}

.Academic-owl-slider {
    overflow: hidden;
}

.Academic-owl-slider:before {
    content: '';
    width: 0.12rem;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.Events-ReactVirtualized__Grid__innerScrollContainer {
    position: relative;
    margin-top: .3rem;
}

.Events-wraper {
    background: #F8F8F8;
    padding-top: .4rem;
    padding-bottom: .6rem;
}

.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events {
    border: none;
    width: 6.7rem;
    height: 100%;
}

.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events li a {
    padding: .36rem .3rem .25rem .8rem;
    overflow: hidden;
    margin-right: 0;
    height: 2rem;
    text-align: left;
    border: none;
    border-right: 14px solid transparent;
}

.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events li {
    float: none;
    border-bottom: 1px solid rgba(216,216,216,.3)
}

.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events>li.active>a, 
.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events>li.active>a:focus, 
.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events>li.active>a:hover {
    background-color: transparent;
}

.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events>li.active>a {
    border-bottom: none;
    padding: .36rem .3rem .29rem .8rem;
    border-right: .14rem solid #B81C22;
}

.Grid__innerScrollContainer {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 3.19rem;
    background-image: linear-gradient(to right, rgba(32,32,32,0) ,rgba(32,32,32,0.7), rgba(32,32,32,1));
}

.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events li a h4 {
    margin-top: 0;
    margin-bottom: .17rem;
    color: #FFFFFF;
    font-size: .24rem;
    font-family: garamond-bold;
    overflow: hidden;
    height: .68rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: .34rem;
}

.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events li a p {
    color: #CFCFCE;
    font-size: .14rem;
    margin-bottom: 0.07rem;
    display: flex;
    align-items: center;
}

.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events li a p:last-child {
    margin-bottom: 0;
}

.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events li a p .iconfont {
    margin-right: .1rem;
    display: inline-block;
    float: left;
    font-size: .16rem;
}

.flex-v-center-midd img {
    height: 6rem;
}

.Events-ReactVirtualized__Grid__innerScrollContainer ul.news-Events li a p span {
    display: inline-block;
    width: 95%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.Antai-Stories-feedback-lt span {
    color: #4D4D4D;
    font-size: .16rem;
    font-family: Arial-Bold;
}

.Antai-Stories-feedback-lt h4 {
    margin-top: .2rem;
    color: #B81C22;
    font-size: .32rem;
    line-height: 0.46rem;
    height: 1.38rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 0.3rem;
    font-family: garamond-bold;
}

.Antai-Stories-feedback-lt {
    width: 6.8rem;
    height: 3.24rem;
    background-color: #F8F8F8;
    float: left;
    position: absolute;
    left: 0;
    top: 2.05rem;
    padding: 0.26rem .4rem .28rem .4rem;
    z-index: 5;
}

.Antai-Stories-warper {
    margin-top: .3rem;
    position: relative;
}

.Antai-Stories-feedback-rt {
    float: right;
    position: relative;
    padding-right: .2rem;
}

.Antai-Stories-feedback-rt img {
    width: 9rem;
    height: 5.07rem;
    position: relative;
    z-index: 2;
}

.Antai-Stories-feedback-lt a {
    width: 2.93rem;
    height: 0.6rem;
    background-color: #202020;
    float: left;
    color: #fff;
    font-size: .2rem;
    line-height: 0.6rem;
    padding: 0 .2rem;
}

.Antai-Stories-feedback-lt a .iconfont {
    float: right;
    font-size: .18rem;
}

.Antai-Stories-feedback-lt a:hover {
    border: 1px solid #202020;
    color: #202020;
    background-color: #fff;
}

.Antai-Stories-waren .mySwiper .swiper-pagination {
    left: 3.5rem;
    bottom: 0.23rem;
    width: 22%;
}

.Antai-Stories-waren .mySwiper .swiper-pagination .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0;
    opacity: 1;
    color: #CFCFCE;
    font-size: 0.2rem;
    font-family: Arial-Bold;
    margin: 0 0.17rem;
}

.Antai-Stories-waren .mySwiper .swiper-pagination .swiper-pagination-bullet-active {
    color: #202020;
}

.Antai-Stories-waren .mySwiper {
    padding-bottom: .2rem;
}

.video-slider--with-full .owl-nav {
    position: absolute;
    right: 0;
    background: #fff;
    width: 1.2rem;
    height: 0.6rem;
    bottom: 0;
}

.video-slider--with-full .owl-nav .owl-prev,.video-slider--with-full .owl-nav .owl-next {
    width: 50%;
    height: 100%;
}

.video-slider--with-full .owl-nav .owl-prev span {
    font-size: 0;
    background: url(../images/previous-lt.png) center no-repeat;
    width: 0.2rem;
    height: 0.2rem;
    display: block;
    margin: 0 auto;
}

.video-slider--with-full .owl-nav .owl-next span {
    font-size: 0;
    background: url(../images/previous-rt.png) center no-repeat;
    width: 0.2rem;
    height: 0.2rem;
    display: block;
    margin: 0 auto;
}

.video-slider--with-full .owl-nav .owl-next {
    border-left: 1px solid #D8D8D8;
}

.c-preview-button_modal-toggle {
    position: absolute;
    left: 0.9rem;
    bottom: 0;
    cursor: pointer;
    height: 0.6rem;
    background: rgba(32,32,32,.8);
    font-size: .16rem;
    line-height: .6rem;
    color: #FFFFFF;
}

.c-preview-button_modal-toggle label {
    display: inline-block;
    padding-left: .24rem;
    cursor: pointer;
    padding-right: .29rem;
    margin-bottom: 0;
}

.c-preview-button__icon-box {
    background: #FFFFFF;
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    float: left;
}

.o-row {
    position: relative;
}

.c-preview-button__icon-box .iconfont {
    color: #333333;
    font-size: .2rem;
}

.video-Modals {
    padding-right: 0!important;
}

.video-Modals .modal-header {
    min-height: auto;
    padding: 0;
    overflow: hidden;
    border: none;
    padding-top: 0.2rem;
}

.modal-header .close {
    font-size: .5rem;
    padding-right: 0.2rem;
    margin-top: 0;
    opacity: 1;
    font-weight: 500;
}

.my-video-big-dimensions,.video-js .vjs-tech {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.modal-body {
    padding: 0.15rem;
}

.vjs-big-play-button {
    font-size: 1rem!important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

.topcontrol img {
    width: 0.75rem!important;
    height: 0.75rem!important;
}

.m-site-header-never .z-index-g  .m-site-header-right-login li a,
.m-site-header-never .z-index-g .tools-sech span {
    color: #fff;
}

.suspend-logoer, .zz-b-log-none, .top-sreer, .currentDt .fggr {
    display: none;
}

.zz-b-log, .currentDt .top-sreer {
    display: block;
}

.zz-b-log a:last-child, .currentDt .top-sreer a:last-child {
    border-left: 1px solid #fff;
}
/* about */
.block-harvard-college-messages {
    margin: 0 .3rem;
    margin-top: 0.2rem;
    margin-bottom: .7rem;
    overflow: hidden;
    position: relative;
}

.block-harvard-college-messages img {
    height: 5.9rem;
}

.block-harvard-college-messages:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(32,32,32,.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.quote-block__quote-txt {
    position: absolute;
    top: 50%;
    left: 0.89rem;
    transform: translateY(-50%);
    z-index: 4;
}

.quote-block__quote-txt span {
    font-size: .84rem;
    font-family: garamond-bold;
    color: #fff;
    position: relative;
    padding-bottom: .26rem;
}

.quote-block__quote-txt span:after {
    content: '';
    width: .8rem;
    background: #fff;
    position: absolute;
    bottom: 0;
    height: 0.1rem;
    left: 0;
}

.block-harvard-college-messages:after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,rgba(32,32,32,.7),rgba(32,32,32,.2));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.quote-block__quote-tk a {
    color: #FFFFFF;
    font-size: .28rem;
    display: block;
    font-family: garamond-bold;
    cursor: pointer;
}

.quote-block__quote-tk {
    background: rgba(184,28,34,.7);
    width: 3.11rem;
    height: .6rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 6;
    text-align: center;
    line-height: .6rem;
    transform: translateX(-50%);
}

.quote-block__quote-tk .iconfont {
    font-size: .22rem;
    margin-left: 0.1rem;
}

.modal-header-title {
    float: left;
    font-size: .24rem;
    color: #202020;
    font-family: Arial-Bold;
}

.Why-Modals .modal-content {
    padding: 0.3rem 0.5rem;
    overflow: hidden;
}

.Why-Modals .modal-content .modal-header {
    padding-top: 0;
    position: relative;
    padding-bottom: .3rem;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: .3rem;
}

.Why-Modals .modal-header .close {
    padding-right: 0;
    font-size: .5rem;
    position: absolute;
    right: 0;
    top: -0.1rem;
}

.Why-Modals .modal-body {
    color: #202020;
    padding: 0;
    font-size: 0.16rem;
    line-height: 0.35rem;
    padding-bottom: .2rem;
}

.quote-block__quote-txt:before {
    content: '';
    background: url(../images/decorate.png);
    width: 11.52rem;
    height: 3.88rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(7%, -50%);
    background-size: 100%;
    z-index: -1;
}

.Message-m-stories-block-lt span {
    width: 6.97rem;
    height: 4.5rem;
    display: block;
}

.Message-m-stories-block-lt span img {
    height: 100%;
}

.Message-m-stories-block-lt div {
    padding: .2rem;
    background: #fff;
    float: left;
    margin-top: -.7rem;
    position: relative;
    width: 5.96rem;
    z-index: 7;
    padding-right: .6rem;
z-index: 1;
}

.Message-m-stories-block-lt h5 {
    margin-top: 0;
    color: #93243A;
    font-size: .32rem;
    font-family: shsb;
}

.Message-m-stories-block-lt p {
    color: #696969;
    line-height: .32rem;
    margin-bottom: 0;
    font-size: .16rem;
    font-family: Arial-Bold;
    overflow: hidden;
    display: -webkit-box;
    height: .65rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.Message-m-stories-block {
    margin-top: .5rem;
    position: relative;
}

.Message-m-stories-block-rt img {
    width: 8rem;
    height: 4.5rem;
}

.Message-m-stories-block-rt {
    position: absolute;
    right: .2rem;
    top: 0.6rem;
    padding-right: .2rem;
    padding-bottom: .2rem;
z-index: 0;
}
.Message-m-stories-block-lt {
    z-index: 1;
    position: relative;
}
.Message-m-stories-block-rt:after {
    content: '';
    width: calc(100% - .2rem);
    height: calc(100% - .2rem);
    background: #B81C22;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -3;
}

.Message-storiesy-box {
    position: relative;
    margin: 0.6rem 0;
    overflow: hidden;padding-bottom:0.1rem
}

.c-panel--box-outline {
    cursor: pointer;
    font-size: .18rem;
    color: #FFFFFF;
    width: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: rgba(32,32,32,.95);
    writing-mode: vertical-lr;
    letter-spacing: 3px;
    font-weight: bold;
}

.ssf-sideBarContents {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.c-panel--box-outline:before {
    content: '';
    width: 0.12rem;
    height: 1rem;
    background: #DCDCDC;
    border-radius: 0.05rem 0 0  0.05rem;
    position: absolute;
    left: -.12rem;
    top: 50%;
    transform: translateY(-50%);
    display:none;
}
.Returna_rrow_jt01.c-panel--box-outline:before{display:block;}
.c-panel--box-outline:after {
    content: '';
    width: 0.1rem;
    height: 0.1rem;
    background: url(../images/dad.png) no-repeat;
    display: block;
    position: absolute;
    left: -0.12rem;
    top: 50%;
    transform: translateY(-50%);
    display:none;
}
div#box1 .con {
    display: none;
}
.slidemarginleft-inner {
    position: absolute;
    left: 0.6rem;
    top: 0;
    width: 8.59rem;
    background: #fff url(../images/bg2.png) no-repeat bottom center / 100%;
    height: 100%;
    padding: .5rem 0.3rem;
    padding-right: 0.69rem;
    box-sizing: border-box;
}

.cnblogs_code01 {
/*     position: relative; */
    /*  overflow: hidden; */
}

.cnblogs_code01:before {
    content: '';
    background: rgba(32,32,32,.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 17;
}

.slidemarginleft-inner-ttile {
    color: #B81C22;
    font-size: .32rem;
    font-family: garamond-bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.17rem;
    box-sizing: border-box;
  
}

.slidemarginleft-colse {
    font-size: .18rem;
    color: #B81C22;
    float: right;
    cursor: pointer;
    font-weight: bold;
}

.Returna_rrow_jt01:after {
    background: url(../images/dad-rt.png) no-repeat;
    display:block;
}

.slidemarginleft-colse .iconfont {
    font-weight: 700;
    font-size: .18rem;
    margin-left: 0.1rem;
}

.instruction-sollor {
    height: 4rem;
    position: relative;
}

.instruction-use-p p {
    line-height: 0.42rem;
    font-size: 0.18rem;
    color: #202020;
    text-indent: 2em;
}

.instruction-use-p {
    height: 4rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.instruction-use-p::-webkit-scrollbar{width: 8px;height: 8px;background-color: #B81C22;-webkit-border-radius: 6px;}
.instruction-use-p::-webkit-scrollbar-thumb:horizontal { width: 4px;  background-color: #B81C22;  -webkit-border-radius: 6px;}
.instruction-use-p::-webkit-scrollbar-track-piece { background-color: #fff;  -webkit-border-radius: 0; /*滚动条的圆角宽度*/}
.instruction-use-p::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: #B81C22;-webkit-border-radius: 4px;  outline: 1px solid #fff; outline-offset: -1px;border: 1px solid #fff;}

.mCustomScrollbar:hover .mCSB_scrollTools {
    opacity: 1;
}

.instruction-sollor:after {
    content: '';
    width: calc(100% - 0.06rem);
    height: 0.5rem;
    background-color: rgba(255,255,255,.5);
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.instruction-use .class_name:after {
    display: none;
}

.instruction-use-p::-webkit-scrollbar {
   /*  display: none;
 Chrome Safari */
}


.Our-College-box .english-title h3 span,.Find-Us-wrapen .english-title h3 span,
.Publications-virtual-tour .english-title h3 span, .Alumni_Services_boxer .english-title h3 span {
    color: #FFFFFF;
}

.Mission-m-stories-block-rt .Mission-Vision-content p:before {
    background-color: #FFFFFF;
}

.Mission-m-stories-block-rt ul li {
    margin: 0.37rem 0.5rem 0 0.6rem;padding-top:0;padding-left:0;
    height:auto;padding-bottom:0.37rem;padding-right:0;border-bottom:1px solid rgba(255,255,255,0.33)
}

.Mission-m-stories-block-lt ul li:last-child {
    border-bottom: none;margin-top:0;padding-top:0.2rem;padding-bottom:0.2rem
}

.social_media_box_tk:hover .social-media {
    display: block;
}

.Our-College-box {
    padding: 1rem 0 0.4rem 0.6rem;
    background: url(../images/our-college.png) top center no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.8rem;
    min-height: 4.68rem;
    box-sizing: border-box;
}
#m3_tt{margin:1.2rem 0 0.5rem;}
.Our-College-number dt {
    font-size: .6rem;
    color: #B81C22;
    font-family: shsb;
}

dl {
    margin-bottom: 0;
}

.Our-College-number dd {
font-size: 0.18rem;
    line-height: 0.3rem;
    color: #FFFFFF;
    text-indent: .32rem;
    font-family: Arial-Bold;
    text-shadow: 2px 2px 4px #000000;
text-align: justify;
}

.Our-College-number {
    width: 8.9rem;
    margin-top: .15rem;
}

.Our-College-box .c-panel--box-outline {
    background: #B81C22;
}

.m-stories-block__featured-row {
    padding-left: 0;
    margin-top: 0!important;
    padding-top: .25rem;
    padding-bottom: 0;
}

.m-stories-block__featured-row:before {
    top: 0;
    left: 1rem;
}

.m-stories-block__featured-row li:first-child:before {
    top: -0.03rem;
}

.m-stories-block__featured-row li b {
    font-size: .32rem;
    font-family: garamond-bold;
    width: 0.8rem;
}

.m-stories-block__featured-row em:after {
    top: 0.1rem;
    left: 0.2rem;
}

.m-stories-block__featured-row li:before {
    left: 1.1rem;
}

.m-stories-block__featured-row li a {
    margin-top: .3rem;
    width: 78%;
}



.Governance-billboard_inner-name p {
    margin-bottom: 0;
    color: #696969;
    font-size: .18rem;
line-height: 1.25;
}

.Governance-billboard_inner li:last-child {
    padding-right: 0;
}

.Rankings-billboard__content {
    background: url(../images/rankings-reputation-bg.png) top center no-repeat;
    background-size: cover;
    padding: .4rem 0;
    margin-bottom: .6rem;
    background-attachment: fixed;
    -moz-background-attachment: fixed;
}

.serif-large-Rankings-lt i, .serif-large-Rankings-ul li>div i {
    float: left;
    width: 0.35rem;
}

.serif-large-Rankings-lt span, .serif-large-Rankings-ul li>div span {
    float: left;
    padding: 0 0.33rem;
}

.serif-large-Rankings {
    position: relative;
    margin-top: 0.3rem;
    margin-left: 0.65rem;
    margin-bottom: .3rem;
}

.serif-large-Rankings-lt span b, .serif-large-Rankings-ul li>div span b {
    font-size: .84rem;
    color: #B81C22;
    font-family: garamond-bold;
}

.serif-large-Rankings-lt span em, .serif-large-Rankings-ul li>div span em {
    font-size: .3rem;
    color: #B81C22;
    font-family: garamond-bold;
    font-style: normal;
    position: relative;
    top: -0.4rem;
    left: 0.05rem;
}

.serif-large-Rankings-lt, .serif-large-Rankings-ul li>div {
    display: flex;
    float: left;
    align-items: center;
}

.serif-large-Rankings-rt {
    font-size: .2rem;
    color: rgba(32,32,32,.7);
    position: absolute;
    float: left;
    margin-left: 2.3rem;
    bottom: 0.2rem;
}

.By-the-Numbers-listy a {
    width: .24rem;
    display: block;
    margin: 0 auto;
    margin-top: .1rem;
}


.serif-large-Rankings-ul{
    overflow: hidden;
}

.Internationalization-Strategy-map span {
    color: #B81C22;
    font-family: shsb;
    font-size: .46rem;
    line-height: .62rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    position: absolute;
    top: 50%;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Internationalization-Strategy-map {
    position: relative;
    float: left;
    margin-left: -0.5rem;
}

.Internationalization-Strategy-map img {
    width: 7.11rem;
   /* height: 4.17rem;*/
    display: block;margin-top: 0.4rem;
}

.Internationalization-Strategy {
    margin-top: .32rem;
    margin-bottom: 1.2rem;
}

.Internationalization-Strategy-link {
    position: relative;
    background:#93243A;
    /* float: right; */
    height: 3.77rem;
    padding: 0.53rem 0.62rem 0.27rem 0.55rem;
    /* width: 6.8rem; */
    margin-left: 6.3rem;
    box-sizing: border-box;
}

.Internationalization-Strategy-link:before {
    content: '';display:none;
    width: 9rem;
    height: 100%; 
    position: absolute;
    right: -1.2rem;
    top: 0;
    z-index: -1;
}

.Internationalization-Strategy-link h5 {
    margin-top: 0;
    margin-bottom: .26rem;
    font-size: .4rem;
    color: #FFFFFF;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: shsb;
    line-height: 0.55rem;
}

.Internationalization-Strategy-link p {
    font-size: .22rem;
    color: #FFFFFF;
    font-family: Arial-Bold;
    line-height: .36rem;
    margin-bottom: .25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.Internationalization-Strategy-link a {
    font-size: .2rem;
    background-color: #202020;
    float: left;
    padding: 0.16rem 0.3rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    color: #fff;
}

.Internationalization-Strategy-link a span, .Conference-date-more a span {
    float: left;
    margin-right: 0.2rem;
}

.Internationalization-Strategy-link a:hover, .Research-linky:hover,
.Programs-sliders-toerw a:hover,.Lifelong_Learning_txter_midd a:hover,
.Conference-date-more a:hover, .look-View-btn-all:hover {
    border: 1px solid #202020;
    color: #202020;
    background-color: #fff;
}

.Find-Us-wrapen {
    background-color: #202020; 
    overflow: hidden;    width: 16.2rem;
    margin-left: -0.92rem;box-sizing:border-box;padding:0.67rem 0.92rem 0.77rem
}

.Find-Us-fluid h5 {
    color: #B81C22;
    font-size: .46rem;
    font-family: garamond-bold;
    margin-bottom: 0;
    margin-top: .43rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    float: left;
    -webkit-line-clamp: 7;
    width: 45%;
    line-height: .6rem;
    position: relative;
    z-index: 2;
}

.Find-Us-fluid {
    position: relative;
    margin-top: .27rem;
}

.Find-Us-fluid-img01 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.Find-Us-fluid-img01 img {
    width: 7.87rem;
    height: 4.15rem;
    display: block;
}

.Find-Us-fluid-img02 {
    position: relative;
    bottom: .71rem;
    left: 0;
}

.Find-Us-fluid-img02 img {
    width: 7.44rem;
    height: 4.18rem;
}

.Find-Us-fluid-img03 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.Find-Us-fluid-img03 img {
    width: 6.17rem;
    height: 4.18rem;
}

.Find-Us-list-duley {
    width: 6.61rem;
    height: 3.13rem;
    background-color: #202020;
    float: right;
    position: relative;
    margin-right: -1.2rem;
    z-index: 2;
    margin-top: 1.74rem;
}

.Find-Us-fluid-margin {
    margin-bottom: 0.71rem;
}

.Find-Us-list-ul li {
    border-bottom: 1px solid rgba(216,216,216,.3);
    padding: 0.25rem 0 .22rem .3rem;
    overflow: hidden;
}

.Find-Us-list-ul li span {
    font-size: .22rem;
    color: #FFFFFF;
    font-family: shsb;
    display: block;
    margin-bottom: .1rem;
}

.Find-Us-list-ul li p {
    font-size: .14rem;
    color: rgba(255,255,255,.8);
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Find-Us-list-duley-link {
    font-size: .2rem;
    color: #fff;
    margin-left: .3rem;
    background-color: #B81C22;
    float: left;
    padding: 0 0.13rem;
    height: .6rem;
    line-height: .6rem;
    position: absolute;
    bottom: 0.21rem;
}

.Find-Us-list-duley-link span,.Alumni_Services_seveer a span,.look-View-btn-all  label{
    margin-right: 0.2rem;
}

.Find-Us-list-ul li:last-child {
    border-bottom: none;
}
.look-View-btn-all  label{
    margin-bottom: 0;
    cursor: pointer;
}
.Explore-Our-Campus {
    background: url(../images/explore-our-campus.png) top center no-repeat;
    height: 3.6rem;
    padding-top: 1rem;
    padding-bottom: .74rem;
}

.Explore-Our-Campus-conet h6 {
    color: #FFFFFF;
    font-size: .6rem;
    font-family: garamond-bold;
    margin-top: 0;
    text-align: center;
    margin-bottom: .37rem;
}

.Explore-Our-Campus-conet a {
    width: 2.6rem;
    height: .83rem;
    display: block;
    padding-top: .16rem;
    margin: 0 auto;
    background-color: rgba(32,32,32,.8);
}

.Explore-Our-Campus-conet a label {
    color: #FFFFFF;
    font-size: .2rem;
    display: block;
    text-align: center;
    font-family: Arial-Bold;
}

.Explore-Our-Campus-conet a label .iconfont {
    font-size: .2rem;
    display: inline-block;
    margin-left: .1rem;
}

.Explore-Our-Campus-conet a span {
    width: 0.38rem;
    display: block;
    margin: auto;
    margin-bottom: 0.05rem;
}

.Faculty-before-banner-k:before {
    transform: translate(-48%, -50%);
}

.Faculty-before-banner-k p {
    margin-bottom: 0;
    color: #CFCFCE;
    line-height: .3rem;
    width: 51%;
    font-size: .16rem;
    font-family: Arial-Bold;
    margin-top: .2rem;
}

.Faculty-Directory-campus {
    position: relative;
    padding-bottom: 0.52rem;
    margin-bottom: .6rem;
    overflow: hidden;
}

.Faculty-Directory-visiting-campus-lt {
    float: left;
}

.Faculty-Directory-visiting-campus-rt {
    right: 0;
    position: absolute;
    padding-left: .3rem;
    padding-bottom: .3rem;
}

.Faculty-Directory-visiting-campus-rt img {
    width: 8rem;
    height: 6rem;
    display: block;
}

.Faculty-Directory-visiting-campus-lt p {
    margin-bottom: 0;
    color: #202020;
    font-size: .32rem;
    width: 45%;
    height: 4.85rem;
    line-height: .54rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    font-family: Garamond-Regular;
    margin-top: .3rem;
}

.Faculty-Directory-visiting-campus-rt:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #B81C22;
    position: absolute;
    top: .38rem;
    z-index: -1;
    left: 0;
}

.numbers-title h3 {
    margin: 0;
    color: #202020;
    font-size: .46rem;
    font-family: garamond-bold;
    text-align: center;
}

.By-the-Numbers {
    position: relative;
    background: url(../images/by-the-numbers.png) top center no-repeat;
    padding-top: .43rem;
    padding-bottom: .62rem;
    margin-bottom: .6rem;
    background-attachment: fixed;
    -moz-background-attachment: fixed;
    background-size: 100% 100%;
    overflow: hidden;
}

.By-the-Numbers-listy {
    margin-top: .75rem;
    overflow: hidden;
}

.By-the-Numbers .Rankings-txt-label {
    margin-top: .48rem;
}

.Annotation-soller h5 {
    color: #202020;
    font-size: .24rem;
    margin-top: 0.1rem;
    font-family: garamond-bold;
    margin-bottom: 0.05rem;
}

.Annotation-soller h6 {
    margin-top: 0;
    margin-bottom: .2rem;
    color: #202020;
    font-family: 'SourceHanSansCN-Heavy';
    font-size: .16rem;
    font-weight: 600;
}

.Antai_Insights_tour {
    margin-bottom: .6rem;
}

.virtual-tour-taiper {
    color: #696969;
    font-size: .16rem;
    line-height: .3rem;
    padding-left: 0.1rem;
    margin-top: 0.1rem;
    width: 70%;
    margin-bottom: .3rem;
    border-left: 2px solid #B81C22;
}

.virtual-tour-list li {
    float: left;
    width: 33.333%;
}

.virtual-tour-list li a {
    display: block;
    position: relative;
    height: 2.66rem;
    overflow: hidden;
}

.virtual-tour-list li a img,.Degree-Programs-bg .swiper-slide img {
    height: 100%;
}

.virtual-tour-list li a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    background: rgba(32,32,32,.6);
}

.virtual-tour-list li a div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 .21rem .21rem .21rem;
    right: 0;
    z-index: 2;
}

.virtual-tour-list li a div h6 {
    color: #FFFFFF;
    margin-top: 0;
    line-height: .38rem;
    font-size: .24rem;
    font-family: garamond-bold;
    margin-bottom: .22rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.virtual-tour-list li a div span {
    color: #FFFFFF;
    font-size: .16rem;
}

.virtual-tour-Excellence {
    background: url(../images/antai_insights.png) no-repeat;
    background-size: cover;
    padding: .35rem 0 .4rem 0.3rem;
    overflow: hidden;
    color: #FFFFFF;
    line-height: .48rem;
    font-family: Arial-Bold;
    height: 2.66rem;
    font-size: .3rem;
}

.Faculty-Directory-visiting-campus-rt a {
    background-color: #B81C22;
    font-size: .2rem;
    color: #fff;
    position: absolute;
    bottom: 0.5rem;
    left: 0.62rem;
    padding: 0 0.205rem;
    height: .6rem;
    line-height: .6rem;
}

.Faculty-Directory-visiting-campus-rt a span {
    padding-right: 0.33rem;
}

.Publications-virtual-tour {
    background: url(../images/publications-bj.png) top center no-repeat;
    background-size: cover;
    padding-top: .4rem;
    height: 7rem;
    padding-bottom: .72rem;
}

.Publications-virtual-tour-billboard h4 {
    color: #FFFFFF;
    font-size: .46rem;
    line-height: .62rem;
    font-family: garamond-bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    padding-bottom: .63rem;
    margin: 0;
}

.Publications-virtual-tour-billboard div,.Alumni_Services_seveer div {
    position: relative;
}

.Publications-virtual-tour-billboard {
    margin-top: .56rem;
    width: 48%;
    float: left;
}

.Publications-virtual-tour-billboard p {
    color: #FFFFFF;
    line-height: .4rem;
    font-size: .16rem;
    margin-bottom: 0;
    font-family: Arial-Bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: .71rem;
    width: 80%;
}

.Publications-virtual-tour-billboard div:after,.Alumni_Services_seveer div:after {
    content: '';
    width: 7.7rem;
    height: 0.02rem;
    background: #D8D8D8;
    position: absolute;
    bottom: 0;
    left: -1.2rem;
}

.Publications-virtual-tour-billboard p a {
    color: #FFFFFF;
    position: relative;
    padding-bottom: 0.05rem;
}

.Publications-virtual-tour-billboard p a:after {
    content: '';
    width: 100%;
    height: 0.02rem;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.Publications-virtual-tour-num {
    background: rgba(184,28,34,.9);
    width: 7.09rem;
    float: right;
    height: 6.4rem;
    position: relative;
    bottom: -0.35rem;
}

.Publications-virtual-tour-num-lt {
    float: left;
    font-size: .2rem;
    font-family: Arial-Bold;
    color: #FFFFFF;
    width: 0.88rem;
    writing-mode: vertical-lr;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.Publications-virtual-tour-num-rt ul li:last-child {
    border-bottom: none;
}

.Publications-virtual-tour-num-rt ul li {
    border-bottom: 2px solid rgba(216,216,216,.2);
    border-left: 2px solid rgba(216,216,216,.2);
    height: 1.28rem;
    padding-left: .4rem;
    padding-right: .41rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 6.21rem;
}

.Publications-virtual-tour-num-rt {
    float: left;
}

.Publications-virtual-tour-num-rt ul li strong {
    font-size: .9rem;
    color: #FFFFFF;
    font-family: garamond-bold;
}

.Publications-virtual-tour-num-rt ul li span {
    float: right;
    font-size: .18rem;
    color: #FFFFFF;
    font-family: Arial-Bold;
}

.Journals-tour {
    background: #f8f8f8;
    padding-top: 1.34rem;
    padding-bottom: .74rem;
    margin-bottom: .6rem;
}

.connect-with-current-students ul li {
    width: 33.3333%;
    float: left;
    padding: 0 0.8rem;
    position: relative;
}

.connect-with-current-students ul {
    margin: 0 -0.8rem;
}

.connect-with-current-students {
    padding: 0 1rem;
}

.connect-with-current-students ul li span {
    position: absolute;
    color: #202020;
    font-size: .24rem;
    font-family: garamond-bold;
    width: 2.87rem;
    height: 0.73rem;
    left: -0.8rem;
    bottom: -0.2rem;
    background: #F8F8F8;
    padding-top: 0.03rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.connect-with-current-students ul li a {
    display: block;
    position: relative;
    z-index: 2;
}

.connect-with-current-students ul li a:hover:after,
.Programs-Chinese-lisener ul li a:hover:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #B81C22;
    position: absolute;
    right: -0.2rem;
    bottom: -0.2rem;
    z-index: -1;
}

.Research-Centers-tour-listen ul li {
    float: left;
    width: 33.333%;
    padding: 0 .3rem;
    margin-bottom: .31rem;
}

.Research-Centers-tour-listen ul {
    margin: 0 -.3rem;
}

.Research-Centers-tour-listen {
    padding: 0 .5rem;
    margin-bottom: .19rem;
}

.Research-Centers-tour-listen ul li a img {
    height: 2.25rem;
}

.Research-Centers-tour-listen ul li a,.Programs-Chinese-lisener ul li a span {
    display: block;
    overflow: hidden;
    position: relative;
}

.Research-Centers-tour-listen ul li a h6 {
    margin: 0;
    position: absolute;
    left: 0;
    background: rgba(32,32,32,.7);
    right: 0;
    bottom: 0;
    padding: .13rem .2rem .16rem .2rem;
    color: #FFFFFF;
    line-height: .34rem;
    font-size: .24rem;
}

.Research-Centers-tour-listen ul li a h6 span {
    height: .68rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    font-family: garamond-bold;
}

.Research-linky {
    background: #202020;
    height: .6rem;
    width: 5.46rem;
    display: block;
    margin: 0 auto;
    line-height: .6rem;
    color: #fff;
    border: 1px solid transparent;
    padding: 0 .3rem;
    font-size: .2rem;
    font-family: Arial-Bold;
}

.Research-Centers-tour {
    margin-bottom: .5rem;
}

.Jobs-at-ACEM-tour {
    background: url(../images/jobs-at-acem.png) top center no-repeat;
    background-size: cover;
    padding-top: .88rem;
    padding-bottom: .81rem;
}

.Jobs-at-ACEM-tour h3 {
    margin-top: 0;
    font-family: garamond-bold;
    color: #fff;
    font-size: .84rem;
    margin-bottom: .41rem;
}

.Jobs-at-ACEM-tour a {
    display: inline-block;
    background: #B81C22;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .24rem;
    font-size: .2rem;
    color: #fff;
}

.Jobs-at-ACEM-tour a span {
    margin-right: .16rem;
}

.places-we-love-lt h4 {
    margin-top: 0;
    margin-bottom: .5rem;
    color: #fff;
    font-family: garamond-bold;
    font-size: .46rem;
    line-height: .6rem;
}

.places-we-love {
    background: #202020;
    padding-top: .5rem;
    overflow: hidden;
    padding-bottom: .8rem;
}

.places-we-love-lt ul li {
    width: 50%;
    float: left;
    padding-left: 0.2rem;
    margin-bottom: .35rem;
    position: relative;
}

.places-we-love-lt ul li strong {
    color: #FFFFFF;
    font-size: .7rem;
    font-family: garamond-bold;
    display: block;
}

.places-we-love-lt ul li p {
    margin-bottom: 0;
    color: rgba(255,255,255,.6);
    font-family: Arial-Bold;
    font-size: .2rem;
    padding-bottom: .25rem;
    margin-top: -0.07rem;
}

.places-we-love-lt ul li:before {
    content: '';
    width: 0.03rem;
    height: 100%;
    background: #B81C22;
    position: absolute;
    left: 0;
    top: 0;
}

.places-we-love-lt ul li:nth-child(3),.places-we-love-lt ul li:nth-child(4) {
    width: 100%;
}

.places-we-love-rt p {
    color: rgba(255,255,255,.6);
    line-height: .3rem;
    font-size: .16rem;
}

.places-we-love-rt {
    padding-top: 0.97rem;
    padding-left: 0.7rem;
}

.places-we-love-rt-picer img {
    width: 5.84rem;
    height: 3.93rem;
    display: block;
}

.places-we-love-rt-picer {
    margin-top: 1.56rem;
    position: relative;
}

.places-we-love-lt ul li:last-child {
    margin-bottom: 0;
}

.places-we-love-rt-picer span {
    color: #FFFFFF;
    font-size: .32rem;
    line-height: .48rem;
    font-family: garamond-bold;
    width: 5.68rem;
    background: url(../images/jobs-at-acem-bj.png);
    height: 2.65rem;
    display: block;
    padding: .3rem 1.2rem .3rem .26rem;
    position: absolute;
    right: -1.21rem;
    top: -0.86rem;
}

.places-we-love-rt-picer span label {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
}
/* Programs */
.margin38-taiper {
    margin-bottom: .38rem;
}

.Degree-Programs-wapee {
    background: #F8F8F8;
    margin-top: .42rem;
    overflow: hidden;
    padding-bottom: 1rem;
}

.Degree-Programs-bg {
    height: 5.3rem;
    position: relative;
    width: 15.4rem;
}

.Programs-sliders .item img {
    height: 5.3rem;
}

.Programs-sliders-toerw {
    position: absolute;
    bottom: 0;
    width: 4.41rem;
    height: 4.6rem;
    right: -2rem;
    background: #fff;
    z-index: 1;
    top: .7rem;
    padding: 0 .2rem;
    display: none;
}

.Degree-Programs-bg .swiper-slide {
    width: 9.43rem;
}

.Programs-sliders-toerw h6 {
    margin-top: 1rem;
    white-space: nowrap;
    font-family: garamond-bold;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .33rem;
    color: #B81C22;
    font-size: .3rem;
    text-align: center;
}

.Degree-Programs-bg .swiper-slide-active .Programs-sliders-toerw {
    display: block;
}

.Programs-sliders-toerw p {
    text-align: center;
    color: #696969;
    font-size: .16rem;
    margin-bottom: .53rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.Programs-sliders-toerw a {
    width: 2.01rem;
    height: .6rem;
    background: #202020;
    font-size: .2rem;
    display: block;
    line-height: .6rem;
    color: #fff;
    padding: 0 .2rem;
    margin: 0 auto;
}

.Programs-btney .swiper-button-next,.Programs-btney .swiper-button-prev {
    width: 50%;
    float: left;
    text-align: center;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.Programs-btney .swiper-button-prev img,.Programs-btney .swiper-button-next img {
    width: 0.1rem;
    display: block;
    margin: 0 auto;
    height: 0.16rem;
}

.Programs-btney {
    position: absolute;
    background: #fff;
    top: 0.7rem;
    z-index: 2;
    right: 5.6rem;
    border: 1px solid #E8EAED;
    width: 1.2rem;
    height: .6rem;
}

.Programs-btney .swiper-button-next {
    border-left: 1px solid #E8EAED;
}

.Degree-Programs-bg .swiper-slide:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(32,32,32,.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.Degree-Programs-bg .swiper-slide-active:after {
    display: none;
}

.Programs-btney .swiper-button-next:hover, 
.Programs-btney .swiper-button-prev:hover {
    background: #B81C22;
}

.Programs-btney .swiper-button-prev:hover .iconfont,
.Programs-btney .swiper-button-next:hover .iconfont {
    color: #fff;
}

.Programs-btney .swiper-button-prev .iconfont,
.Programs-btney .swiper-button-next .iconfont {
    font-size: .3rem;
    width: 100%;
    color: #B81C22;
}

.Action-learning-touer {
    background: url(../images/action-learning.png) top center no-repeat;
    background-size: cover;
    padding: 1.01rem 0;
}

.Action-learning-touer h3 {
    text-align: center;
    margin: 0;
    color: #FFFFFF;
    font-size: .46rem;
    font-family: garamond-bold;
}

.Action-learning-tewo2 {
    background: url(../images/action-learning2.png) top center no-repeat;
    background-size: cover;
    padding: .5rem 0;
    margin-bottom: .4rem;
    height: 4.06rem;
}

.Action-learning-tewo2-rwo {
    padding: 0 .55rem;
}

.Action-learning-lb-list h4 {
    margin-top: 0;
    margin-bottom: .31rem;
    font-size: .3rem;
    font-family: garamond-bold;
    color: #B81C22;
    line-height: .36rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: .72rem;
}

.Action-learning-lb-list p {
    color: #696969;
    font-size: .16rem;
    line-height: .32rem;
    height: .92rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: .3rem;
}

.Action-learning-lb-list a {
    border: 0.02rem solid #202020;
    /* width: 2.01rem; */
    height: 0.6rem;
    font-size: .2rem;
    display: block;
    line-height: .6rem;
    color: #202020;
    float: left;
    padding: 0 0.22rem;
}

.Action-learning-lb-list a:hover {
    background: #202020;
    color: #fff;
}

.Action-learning-lb-list {
    padding-right: .5rem;
}

.Action-learning-lb-list-padding {
    padding-left: .5rem;
}

.Joint_Programs_International_lt,.Joint_Programs_International_rt {
    width: 50%;
    float: left;
}

.Joint_Programs_International_rt {
    background: #202020;
    padding: .42rem 1.32rem .26rem .556rem;
    overflow: hidden;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li.active>a {
    border: transparent;
    border-bottom: none;
    padding: 0;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li.active>a h4 {
    color: #B81C22;
}

.Joint_Programs_International_rt .nav-tabs>li.active>a, 
.Joint_Programs_International_rt .nav-tabs>li.active>a:focus, 
.Joint_Programs_International_rt .nav-tabs>li.active>a:hover {
    background-color: transparent;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li>a {
    border-radius: 0;
    margin-right: 0;
    border: none;
    text-align: left;
    padding: 0;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line,
.Research-Partnerships-tabs-lister ul.nav-tabs.nav-line {
    border-bottom: none;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li>a h4 {
    margin-top: 0;
    font-size: .3rem;
    padding-bottom: .1rem;
    position: relative;
    margin-bottom: .2rem;
    font-family: garamond-bold;
    overflow: hidden;
    color: #fff;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li>a h4:before {
    content: '';
    width: .6rem;
    height: 0.01rem;
    background: #D8D8D8;
    position: absolute;
    bottom: 0;
    left: 0;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li>a p {
    margin-bottom: 0;
    font-size: .16rem;
    color: #696969;
    line-height: .32rem;
    overflow: hidden;
    height: .96rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li {
    bottom: 0;
    margin-bottom: .33rem;
    float: none;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li:last-child {
    margin-bottom: 0;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li.active>a h4:before {
    background: #B81C22;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li>a h4 span {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li.active>a p {
    color: #fff;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li.active>a .iconfont,
.Joint_Programs_International_rt ul.nav-tabs.nav-line>li>a .iconfont {
    font-size: .3rem;
    float: right;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li>a .iconfont {
    display: none;
}

.Joint_Programs_International_rt ul.nav-tabs.nav-line>li.active>a .iconfont {
    display: block;
}

.Joint_Programs_International {
    display: flex;
    margin-top: .4rem;
    margin-bottom: .6rem;
}

.Joint_Programs_International_lt .tab-content>.tab-pane {
    position: relative;
}

.Joint_Programs_International_lt .tab-content>.tab-pane:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(32,32,32,.5);
}

.Joint_Programs_International_lt .tab-content>.tab-pane img {
    height: 6.35rem;
}

.Programs-Chinese-lisener {
    padding: 0 .5rem;
    overflow: hidden;
    margin-bottom: .3rem;
}

.Programs-Chinese-lisener ul li {
    padding: 0 .3rem;
    float: left;
    width: 33.33333%;
    margin-bottom: .3rem;
}

.Programs-Chinese-lisener ul li a span img {
    height: 1.4rem;
}

.Programs-Chinese-lisener ul li a h4 {
    margin-top: .25rem;
    margin-bottom: .13rem;
    padding-bottom: .2rem;
    color: #B81C22;
    font-size: .24rem;
    position: relative;
    text-align: center;
    font-family: garamond-bold;
}

.Programs-Chinese-lisener ul li a h4:after {
    content: '';
    width: .6rem;
    height: 0.01rem;
    background: #D8D8D8;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.Programs-Chinese-lisener ul li a p {
    line-height: .26rem;
    color: #696969;
    margin-bottom: 0;
    text-align: center;
    font-size: .16rem;
    padding: 0 0.3rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.Programs-Chinese-lisener ul li a {
    height: 3.42rem;
    display: block;
    background: #F8F8F8;
    position: relative;
}

.Programs-Chinese-lisener ul {
    margin: 0 -.3rem;
}

/* Corporate */
.Research-Partnerships-tabs-lister {
    width: 4.78rem;
    float: left;
}

.Research-Partnerships-tabs-lister ul.nav-tabs.nav-line>li {
    bottom: 0;
    margin-bottom: 0;
    float: none;
    border-bottom: 0.01rem solid rgba(216,216,216,.5);
}

.Research-Partnerships-tabs-lister ul.nav-tabs.nav-line>li.active>a {
    border: transparent;
    border-bottom: none;
    padding: .44rem .78rem .44rem .4rem;
    color: #B81C22;
    border-right: .14rem solid #B81C22;
    background-color: #fff;
}

.Research-Partnerships-tabs-lister ul.nav-tabs.nav-line>li>a {
    color: #202020;
    font-size: .3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    padding: .44rem .78rem .44rem .4rem;
    border: none;
    font-family: garamond-bold;
    margin-right: 0;
    border-radius: 0;
    background: #F8F8F8;
    border-right: .14rem solid transparent;
    line-height: inherit;
}

.Research-Partnerships-img-pic img {
    height: 5.3rem;
}

.Research-Partnerships-img-pic {
    position: relative;
}

.Research-Partnerships-tabs-picer {
    width: 9.42rem;
    float: left;
}

.Research-Partnerships-tabs-lister ul.nav-tabs.nav-line>li:last-child {
    border-bottom: none;
}

.Research-Partnerships-img-pic:before {
    content: '';
    background-color: rgba(32,32,32,.5);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.Research-Partnerships-img-pic:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #B81C22;
    position: absolute;
    left: -0.2rem;
    bottom: -0.2rem;
    z-index: -1;
}

.Research-Partnerships-img-pic-a label {
    color: #FFFFFF;
    font-size: .32rem;
    line-height: .46rem;
    font-family: garamond-bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    display: block;
    margin-bottom: .8rem;
}

.Research-Partnerships-img-pic-a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .6rem 3.02rem  .4rem .4rem;
    overflow: hidden;
}

.Research-Partnerships-img-pic-a a {
    background-color: #B81C22;
    font-size: .2rem;
    display: block;
    line-height: .6rem;
    height: .6rem;
    float: left;
    padding: 0 .3rem;
    color: #fff;
}

.Research-Partnerships-img-pic-a a .iconfont {
    font-size: .2rem;
    margin-left: .03rem;
}

.Research-Partnerships-tabs {
    display: flex;
}

.Corporate-baner-kk:before {
    transform: translate(0, -50%);
}

.Corporate-baner-kk p {
    width: 100%;
}

.Partnerships-marginer {
    margin-bottom: .7rem;
}

.Careers-wanr {
    padding: 0 .5rem;
    margin-bottom: .6rem;
}

.Careers-wanr ul li {
    width: 50%;
    float: left;
    padding: 0 .6rem;
}

.Careers-wanr ul {
    margin: 0 -0.6rem;
}

.Careers-wanr ul li>div label, .Ways-to-Give ul li>div label {
    display: block;
    position: relative;
    margin-bottom: 0;
}

.Careers-wanr ul li>div label img {
    height: 3.38rem;
}

.Careers-conrent {
    background-color: rgba(32,32,32,.95);
    height: 2.55rem;
    width: 4.85rem;
    padding: .32rem .2rem .29rem .2rem;
    overflow: hidden;
    position: relative;
    margin-top: -0.77rem;
}

.Careers-conrent h5 {
    margin-top: 0;
    color: #FFFFFF;
    font-size: .24rem;
    margin-bottom: .13rem;
    padding-bottom: .1rem;
    position: relative;
    font-family: garamond-bold;
}

.Careers-conrent h5:after {
    content: '';
    width: .6rem;
    height: 0.01rem;
    background-color: #696969;
    position: absolute;
    bottom: 0;
    left: 0;
}

.Careers-conrent p {
    font-size: .16rem;
    line-height: .26rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 1.07rem;
    color: #696969;
    margin-bottom: .11rem;
}

.Careers-conrent a, .Ways-to-Give-conrent a {
    font-size: .2rem;
    display: block;
    color: #FFFFFF;
}

.Careers-conrent a span, .Ways-to-Give-conrent a span {
    float: left;
    margin-right: .11rem;
}

.Careers-wanr ul li div:hover .Careers-conrent, .Ways-to-Give ul li div:hover .Ways-to-Give-conrent {
    background-color: rgba(184,28,34,.95);
}

.Careers-wanr ul li div:hover h5:after {
    background-color: #fff;
}

.Careers-wanr ul li div:hover p,.Corporate-Programs .english-title h3 span,
.Corporate-Programs .virtual-tour-taiper {
    color: #fff;
}

.Careers-wanr ul li>div label:after,.Ways-to-Give ul li>div label:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #202020;
    position: absolute;
    display: none;
    right: -0.2rem;
    bottom: -0.2rem;
    z-index: -1;
}

.Careers-conrent a .iconfont,.Ways-to-Give-conrent .iconfont {
    display: inline-block;
    font-size: .2rem;
}

.Corporate-Programs {
    background: url(../images/corporate-programs.png) top center no-repeat;
    background-size: cover;
    padding-top: .5rem;
    height: 7.4rem;
    margin-bottom: 1.23rem;
}

.Corporate-Programs-four4-lister li {
    width: 25%;
    padding: 0 .15rem;
    float: left;
}

.Corporate-Programs-four4-lister {
    margin: 0 -.15rem;
}

.Corporate-Programs-four4-lister li span {
    display: block;
    overflow: hidden;
}

.Corporate-Programs-four4-lister li span img {
    height: 1.87rem;
}

.Corporate-Programs-four4-lister li div {
    padding: 0.11rem 0.18rem 0 .18rem;
    overflow: hidden;
}

.Corporate-Programs-four4-lister li a {
    display: block;
    background: #F8F8F8;
    height: 5.8rem;
    position: relative;
}

.Corporate-Programs-four4-lister li div h4 {
    color: #202020;
    font-size: .24rem;
    line-height: .34rem;
    text-align: left;
    height: 1.14rem;
    margin-top: 0;
    font-family: garamond-bold;
    margin-bottom: .14rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    position: relative;
    padding-bottom: .12rem;
}

.Corporate-Programs-four4-lister li div p {
    line-height: .26rem;
    color: #696969;
    font-size: .16rem;
    margin-bottom: 0;
    height: 1.82rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}

.Corporate-Programs-four4-lister li  button {
    width: 100%;
    height: .62rem;
    font-size: .2rem;
    text-align: center;
    color: #B81C22;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.Corporate-Programs-four4-lister li  button .iconfont,
.Conferences-news-block__item-title button .iconfont {
    margin-left: .12rem;
    font-size: .2rem;
}

.Corporate-Programs-four4-lister li div h4:after {
    content: '';
    width: .6rem;
    height: 1px;
    background: #D8D8D8;
    position: absolute;
    bottom: 0;
    left: 0;
}

.Careers-wanr ul li div:hover label:after,.Ways-to-Give ul li>div:hover  label:after {
    display: block;
}

.Corporate-Programs-four4-lister li a:hover h4,
.Conferences-news-block-list li a:hover h4 {
    color: #B81C22;
}

.Corporate-Programs-four4-lister li a:hover button {
    background: #B81C22;
    color: #fff;
}

.Conferences-news-block-list li {
    float: left;
    width: 33.333%;
    padding: 0 .3rem;
}

.Conferences-news-block-list-reay {
    padding: 0 .5rem;
    margin-bottom: .59rem;
}

.Conferences-news-block-list li span img {
    height: 2.25rem;
}

.Conferences-news-block__item-title h4 {
    color: #202020;
    font-size: .24rem;
    line-height: .34rem;
    font-family: garamond-bold;
    margin-top: 0;
    margin-bottom: .15rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.Conferences-news-block__item-title p {
    font-size: .16rem;
    color: #696969;
    line-height: .26rem;
    margin-bottom: .15rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.Conferences-news-block__item-title button {
    font-size: .2rem;
    color: #202020;
}

.Conferences-news-block__item-title {
    padding: .18rem  .35rem 0 0;
    width: 3.65rem;
    background: #fff;
    height: 3.05rem;
    transition: transform .25s;
}

.Conferences-news-block-list li a:hover .Conferences-news-block__item-title {
    transform: translate3d(0,-1rem,0);
}

.Conferences-news-block-list {
    margin: 0 -.3rem;
}

.Conferences-news-block-list li a:hover div {
    display: block;
}

.Conferences-news-block__item-title div {
    display: none;
}

.banner-margin0-noner {
    margin-bottom: 0;
}

.indexsearchlist1-Case-Development {
    padding: 0 1.47rem;
}

.indexsearchlist1-Case-Development .Article {
    padding-left: .63rem;
    padding-right: .63rem;
}

.indexsearchlist1-Case-Development .contribution .Article-title {
    padding-bottom: .2rem;
    font-family: garamond-bold;
}

.indexsearchlist1-Case-Development  .Writer-gaojian-details {
    padding-left: 0!important;
    margin-bottom: .37rem;
}

.indexsearchlist1-Case-Development .contribution_content {
    padding-bottom: .6rem;
}

.Employment_Reportrn {
    padding: 0 1rem;
}

.Employment_Reportrn .owl-item .item img {
    height: 4.5rem;
}

.dfaffervv .Attachment-listmentr .download-two-btn02 .xz-lj {
    background: #fff;
    border: 1px solid #202020;
    color: #202020;
}

.dfaffervv .Attachment-listmentr .download-two-btn02 .xz-lj:hover {
    background: #B81C22;
    border: 1px solid transparent;
    color: #fff;
}
/* For Employers */
.For_Employers_dfrnreer ul.nav-tabs.nav-line {
    border-bottom: none;
    width: 3.43rem;
    float: left;
    border: 1px solid #CFCFCE;
    border-bottom: none;
}

.For_Employers_dfrnreer ul.nav-tabs.nav-line>li {
    bottom: 0;
    margin-bottom: 0;
    float: none;
    border-bottom: 1px solid #CFCFCE;
}

.For_Employers_dfrnreer ul.nav-tabs.nav-line>li>a {
    margin-right: 0;
    line-height: inherit;
    border: none;
    text-align: left;
    border-radius: 0;
    color: #222222;
    font-size: .2rem;
    background: #fff;
    padding: .25rem .2rem;
    font-family: Arial-Bold;
}

.For_Employers_dfrnreer ul.nav-tabs.nav-line>li.active>a {
    border: transparent;
    border-bottom: none;
    padding: 0;
    color: #fff;
    padding: .25rem .2rem;
    background: #B81C22;
}

.For_Employers_dfrnreer ul.nav-tabs.nav-line>li>a .iconfont {
    font-size: .2rem;
    color: #d2d2d0;
    vertical-align: middle;
    float: right;
}

.For_Employers_dfrnreer ul.nav-tabs.nav-line>li.active>a .iconfont {
    color: #fff;
}

.For_Employers_dfrnreer {
    background: url(../images/employers.png) top center no-repeat;
    background-size: cover;
    padding: .5rem 0;
}

.For_Employers_dfrnreer .tab-content {
    padding-left: 0.8rem;
    float: left;
    padding-right: 0.7rem;
    width: 75%;
}

.Internship-Base h4 {
    color: #B81C22;
    font-size: .32rem;
    margin-top: .24rem;
    font-family: garamond-bold;
    margin-bottom: .3rem;
}

.Internship-Base p {
    margin-bottom: 0;
    padding-left: .25rem;
    font-size: .18rem;
    color: #4F4F4F;
    line-height: .5rem;
    position: relative;
}

.Internship-Base p:before {
    content: '';
    background: url(../images/ls-icon.png) no-repeat;
    background-size: 100%;
    width: .16rem;
    height: .16rem;
    position: absolute;
    left: 0;
    top: 0.15rem;
}

.vedieo-pupley,.vedieo-pupley-Stories {
    background: rgba(0, 0, 0, .5);
}

.New-Initiatives-tke:before {
    transform: translate(-10%, -50%);
}

.Industry-Research-Institute-warper h4 {
    color: #FFFFFF;
    font-size: .32rem;
    line-height: .48rem;
    font-family: garamond-bold;
    margin-top: 0;
    margin-bottom: .6rem;
    width: 50%;
}
.more_text_jjxx {
    position: absolute;
    right: 0;
    border: 1px solid #ddd;
    padding: 0.05rem;
   border-radius: 0.2rem;
margin-right: 0.1rem;
}
.more_text_jjxx a {
    color: #fff;
    display: block;
      padding: 0 0.05rem;
}
.more_text_jjxx:hover {
    background: #f4970e;
    transition: all 0.6s ease-in-out;
    border: 0;
}
.Industry-Research-Institute-warper {
    background: url(../images/industry-research-institute.png) top center no-repeat;
    margin-top: .3rem;
    margin-bottom: .6rem;
    padding-top: .87rem;
    padding-bottom: .64rem;
    background-size: cover;
}

.Industry-Research-Institute-listen li {
    font-size: .16rem;
    color: rgb(255,255,255,.7);
    width: 45%;
    float: left;
    line-height: .3rem;
    font-family: Arial-Bold;
}

.Industry-Research-Institute-listen li:nth-child(even),.Shenzhen-Institute-tow2 li:nth-child(even) {
    float: right;
}

.Shenzhen-titler h3 span {
    width: 80%;
}

.Shenzhen-Institute-lt {
    float: left;
    background: url(../images/sjtu-shenzhen-research-institute.png) no-repeat;
    padding: 1.07rem 1.41rem 1.06rem .4rem;
    color: #FFFFFF;
    font-size: .32rem;
    font-family: garamond-bold;
    line-height: .48rem;
    width: 10rem;
    height: 5.63rem;
}

.Shenzhen-Institute {
    margin-top: .3rem;
    margin-bottom: .4rem;
}

.Shenzhen-Institute-rt {
    background: url(../images/shenzhen.png) no-repeat;
    width: 3.6rem;
    height: 3.6rem;
    float: right;
    text-align: center;
    margin-top: 1.01rem;
    padding-top: 1.2rem;
    cursor: pointer;
}

.Shenzhen-Institute-rt p {
    color: #FFFFFF;
    font-size: .32rem;
    font-family: garamond-bold;
    text-align: center;
    margin-bottom: 0;
    margin-top: -0.15rem;
}

.Shenzhen-Institute-rt .iconfont {
    color: #fff;
    font-size: .5rem;
}

.Why-Modals .modal-body img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    margin-top: .2rem;
    display: block;
}

.Why-Modals .modal-body p {
    margin-bottom: 0;
}

.Shenzhen-Institute-tow2 li {
    color: #696969;
    font-size: .16rem;
    line-height: .32rem;
    padding-left: .4rem;
    width: 49%;
    float: left;
}

.Shenzhen-Institute-tow2 li:nth-child(even) {
    padding-right: .2rem;
}

.Shenzhen-Institute-tow2 {
    padding-bottom: .5rem;
}

.Institute_Technology_facenre-lt {
    float: left;
    width: 5.5rem;
    height: 5.5rem;
    position: absolute;
    left: 0;
}

.Institute_Technology_facenre {
    margin-top: .3rem;
    margin-bottom: .6rem;
}

.Institute_Technology_facenre-rt {
    float: right;
    margin-left: .8rem;
    width: 64%;
}

.Institute_Technology_facenre-rt h4 {
    margin-top: .26rem;
    margin-bottom: .24rem;
    font-family: garamond-bold;
    font-size: .32rem;
    line-height: .48rem;
    color: #202020;
}

.Institute_Technology_facenre-rt p {
    margin-bottom: .2rem;
    color: #696969;
    font-size: .16rem;
    line-height: .32rem;
}

.Finance-ehfer {
    position: relative;
}

.Alumni-Community {
    background: #222222;
    height: 6.15rem;
    position: relative;
    margin-top: .3rem;
    /* background: url(../images/our-alumni-community.png); */
}

.Alumni-Community-txter {
    color: #fff;
    font-size: .4rem;
    line-height: .72rem;
    float: left;
    width: 52%;
    padding-top: .5rem;
    font-family: Garamond-Regular;
    padding-bottom: .55rem;
}

.Alumni-Community-txter img {
    width: 10.94rem;
    position: absolute;
    right: 0;
    top: 0;
}

.Alumni-Community-txter span {
    position: relative;
    z-index: 2;
}

.Alumni-Community-num-list {
    background: #222222;
    padding: .6rem 0;
    position: relative;
}

.Alumni-Community-num-list-lt {
    width: 10.24rem;
    float: left;
}

.Alumni-Community-num-list-lt ul li {
    float: left;
    width: 33.3333%;
    border-left: 2px solid #B81C22;
    padding-left: .2rem;
}

.Alumni-Community-num-list-lt ul li strong {
    color: #FFFFFF;
    font-size: .7rem;
    font-family: garamond-bold;
}

.Alumni-Community-num-list-lt ul li p {
    color: rgb(255,255,255,.6);
    margin-bottom: 0;
    font-size: .2rem;
    font-family: Arial-Bold;
    height: .6rem;
    margin-top: -0.1rem;
}

.Alumni-Community-num-list-rt {
    height: 3.54rem;
    width: 5.16rem;
    background: #fff;
    padding: .4rem 1.4rem .49rem .4rem;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #202020;
    font-size: .24rem;
    font-family: Arial-Bold;
    line-height: .38rem;
}

.Alumni-Community-num-list-rt a {
    margin-top: .3rem;
    float: left;
    color: #B81C22;
    font-size: .3rem;
    border-bottom: 3px solid  #B81C22;
}

.Alumni_Impact {
    background: #f8f8f8;
    padding: .6rem 0;
    position: relative;
}

.Alumni_Impact:before {
    content: '';
    width: 100%;
    height: 5.6rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(../images/alumni-impact.png) top center no-repeat;
}

.Alumni_Impact .english-title h3 span {
    color: #fff;
}

.Alumni_Impact_txt {
    margin-bottom: 1rem;
    position: relative;
    margin-top: .54rem;
    color: #FFFFFF;
    font-size: .46rem;
    line-height: .62rem;
    font-family: garamond-bold;
}

.Alumni_Impact_txt span {
    float: right;
    width: 65%;
}

.Alumni_Impact .english-title {
    position: relative;
}

.Alumni_Impact_list-three ul li {
    padding: 0 .3rem;
    float: left;
    width: 33.3333%;
}

.Alumni_Impact_list-three ul {
    margin: 0 -.3rem;
}

.Alumni_Impact_list-three {
    padding: 0 .5rem;
}

.Alumni_Impact_list-three ul li div span {
    position: relative;
    display: block;
}

.Alumni_Impact_list-three ul li div span img {
    height: 2.25rem;
}

.Alumni_Impact_list-three ul li div span .iconfont {
    width: .6rem;
    height: .6rem;
    background: #f8f8f8;
    position: absolute;
    right: 0;
    text-align: center;
    line-height: .6rem;
    bottom: 0;
    font-size: .2rem;
    color: #202020;
}

.Alumni_Impact_list-three ul li div h5 {
    margin-top: .1rem;
    color: #202020;
    font-size: .24rem;
    line-height: .34rem;
    font-family: garamond-bold;
    overflow: hidden;
    display: -webkit-box;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.Alumni_Impact_head .modal-header-title {
    width: 80%;
}

.Alumni_Impact_head .modal-header-title p {
    margin-bottom: 0;
    margin-top: .1rem;
}

.Alumni_Impact_head .modal-header-title span {
    color: #696969;
    font-size: .16rem;
    font-family: Arial;
}

.Alumni_Impact_head .modal-header-title span:first-child {
    margin-right: .3rem;
}

.Why-Modals .modal-body .instruction-use-p img {
    margin-bottom: .2rem;
}

.Alumni_Services_seveer h4 {
    margin-top: 0;
    color: #FFFFFF;
    font-size: .32rem;
    height: 2.65rem;
    line-height: .46rem;
    margin-bottom: 0;
    font-family: garamond-bold;
    padding-bottom: .35rem;
}

.Alumni_Services_seveer h4 span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    float: left;
    -webkit-line-clamp: 5;
}

.Alumni_Services_boxer {
    background: url(../images/alumni-services.png) top center no-repeat;
    padding-top: .5rem;
    padding-bottom: .52rem;
    height: 7rem;
    position: relative;
}

.Alumni_Services_seveer {
    margin-top: .4rem;
    width: 48%;
    float: left;
}

.Alumni_Services_seveer p {
    color: #fff;
    font-size: .24rem;
    font-family: garamond-bold;
    margin-bottom: .12rem;
}

.Alumni_Services_seveer div {
    margin-bottom: .33rem;
}

.Alumni_Services_seveer p em {
    font-style: normal;
    padding-bottom: .07rem;
    border-bottom: 2px solid #D8D8D8;
}

.Alumni_Services_seveer a {
    font-size: .2rem;
    color: #fff;
    background-color: #B81C22;
    padding: 0 0.3rem;
    height: 0.6rem;
    line-height: .6rem;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.Alumni_Services_listery {
    width: 7.41rem;
    height: 3.52rem;
    background-color: #202020;
    float: right;
    position: absolute;
    right: 0;
    bottom: -0.9rem;
    z-index: 2;
    padding-top: .05rem;
}

.Alumni_Services_listery ul li {
    padding: .24rem .4rem;
    overflow: hidden;
    border-bottom: 1px solid rgba(216,216,216,.3);
}

.Alumni_Services_listery ul li span {
    color: #FFFFFF;
    font-size: .22rem;
    font-family: Arial-Bold;
}

.Alumni_Services_listery ul li p {
    margin-bottom: 0;
    font-size: .18rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #696969;
    margin-top: .05rem;
}

.Alumni_Services_listery ul li span .iconfont {
    font-size: .22rem;
    color: #fff;
    margin-left: .15rem;
}

.Alumni_Services_listery ul li:last-child {
    border-bottom: none;
}

.ACEM_WeChat_Officia_celler {
    color: #202020;
    font-size: .32rem;
    line-height: .46rem;
    background: url(../images/acem-wechat.png) top center no-repeat;
    height: 3rem;
    font-family: garamond-bold;
    margin: .6rem 0;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ACEM_WeChat_Officia_celler span {
    width: 40%;
    display: block;
    text-align: center;
}

.Lifelong_Learning_txter_midd h4 {
    font-size: .6rem;
    color: #FFFFFF;
    text-align: center;
    margin-top: 0;
    margin-bottom: .2rem;
    font-family: garamond-bold;
}

.Lifelong_Learning_txter {
    background: url(../images/lifelong-learning.png) top center no-repeat;
    height: 3.6rem;
    padding: .82rem 0;
    margin-bottom: .6rem;
}

.Lifelong_Learning_txter_midd p {
    color: #FFFFFF;
    font-size: .16rem;
    text-align: center;
    margin-bottom: .3rem;
}

.Lifelong_Learning_txter_midd a {
    font-size: .2rem;
    background-color: #202020;
    padding: 0.15rem 0.16rem;
    overflow: hidden;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin: auto;
}

.Lifelong_Learning_txter_midd a .iconfont {
    margin-left: .3rem;
}

.Lifelong_Learning_txter_midd {
    text-align: center;
}

.contact-wm-teow {
    background: url(../images/also-contact.png) top center no-repeat;
    height: 2.3rem;
    margin-bottom: .4rem;
    margin-top: .6rem;
    padding: .43rem 0;
}

.contact-wm-teow span {
    color: #FFFFFF;
    font-size: .32rem;
    line-height: .48rem;
    font-family: garamond-bold;
    width: 28%;
    text-align: center;
    margin: auto;
    display: block;
}

.contact-wm-dnkfb {
    position: relative;
}

.contact-wm-dnkfb:after {
    content: '';
    width: 100%;
    height: 4rem;
    background: #f8f8f8;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.Ways-to-Give ul li {
    padding: 0 .3rem;
    float: left;
    width: 33.3333%;
}

.Ways-to-Give ul {
    margin: 0 -.3rem;
}

.Ways-to-Give {
    padding: 0 .5rem;
}

.Ways-to-Give ul li>div label img {
    height: 2.25rem;
}

.Ways-to-Give-conrent {
    background-color: rgba(32,32,32,.95);
    height: 1.7rem;
    width: 3.4rem;
    padding: 0.1rem 0.4rem 0.2rem 0.2rem;
    overflow: hidden;
    position: relative;
    margin-top: -0.6rem;
}

.Ways-to-Give-conrent h5 {
    color: #FFFFFF;
    font-size: .24rem;
    margin-top: 0;
    line-height: .34rem;
    font-family: garamond-bold;
    margin-bottom: .1rem;
    overflow: hidden;
    height: 1.02rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.Alumni_Impact_list-three ul li:hover h5 {
    color: #B81C22;
}

.attributes {
    z-index: 18;
}


.International-Accreditation-ton {
    position: relative;
    margin-top: .5rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .87rem;
}

.International-Accreditation-Crowned {
    width: 6.7rem;
    height: 3.59rem;
    padding: .3rem .5rem .23rem 0;
    overflow: hidden;
    background: #fff;
    margin-top: 1.39rem;
    float: left;
}

.International-Accreditation-Crowned h4 {
    margin-top: 0;
    color: #B81C22;
    font-size: .46rem;
    font-family: garamond-bold;
    margin-bottom: 0.3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.International-Accreditation-Crowned p {
    color: #202020;
    margin-bottom: 0;
    line-height: .42rem;
    font-size: .18rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    white-space: normal;
}

.International-Accreditation-Crowned-tu {
    float: right;
    margin-left: .38rem;
}

.International-Accreditation-Crowned-tu img {
    width: 7.12rem;
    height: 4rem;
}

.International-Accreditation-ton:before {
    content: '';
    width: 10rem;
    height: 4.2rem;
    background: url(../images/accreditation-bgr.png) center no-repeat;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: -1;
}



.icon-a-fenleizhediecebianlan:before {
  content: "\e637";
}


.m1,.m2,.m3,.m4,.m5,.m6{position:relative}
#l-container .inner{padding-bottom:0}
.Message-m-stories-block-lt a {
    color: #B81C22;
}
@media screen and (max-width: 999px){
    .attributes{right: 4rem !important;}
    .slidemarginleft-inner{width: 4rem;}
    .Our-College-number{width:4rem;}
    
}
@media screen and (max-width: 767px){
        .attributes,.attributes01 {
        right: 4.5rem!important;
        transition: all 1s ease;
    }

        .slidemarginleft-inner {
        width: 4.5rem;
        padding-right: 0.5rem;
    }
    html{font-size:70px !important;}
    .mainbox02 .con{
        flex-direction:column;
    }
    .mainbox02 .img_box{
        width:100%;
        height:200px;
    }
    .mainbox02 .img_box img{object-fit:cover;}
    .mainbox02 .news_con{width:100%;padding:20px;}
    .mainbox02 .news_list.u2 .news{
        width:80px;
        height:80px;
    }
    .mainbox03 .news_list{
        flex-wrap:wrap;
        justify-content:flex-start;
    }
    .mainbox03 .news{
        width:31.3%;
        height:auto;
        margin:10px 1%;
        padding:10px 30px;
    }
    .mainbox01 .news_title{font-size:22px;}
    .mainbox01 .content,
    .mainbox01 .content p,
    .mainbox01 .content span,
    .mainbox01 .content font{
        font-size:16px !important;
    }
    .mainbox02 .news_list.u1 .news_title{font-size:16px;}
    .mainbox02 .news_list.u1 .news_intro{
        font-size:14px;
        -webkit-line-clamp:9;
    }
    .mainbox03 .news_title{
        font-size:14px;
        height:42px;
        -webkit-line-clamp:2;
    }
}
@media screen and (max-width:479px){
    .instruction-use-p{height:6rem;}
.attributes, .attributes01{  right: 3.2rem!important;}
.slidemarginleft-inner{right: 3.2rem;width: 3.2rem;}
    .mainbox03 .news{
        width:48%;
    }
}