@-ms-viewport {
    width: auto !important;}
  
  /* ---------------------------------------------------------------------- */
  /*  Only larger Devices
  /* ---------------------------------------------------------------------- */
  @media (min-width: 1824px) {
  
  }
  @media (max-width: 1823px) {
    .column:before, .column:after{
      width: 17%;}
  }
  
  @media (min-width: 1200px) {
    .container {
        width: 1170px;}
  
  
  }
  @media (max-width:1200px){
    .header2 .navbar-main .navbar-nav>li{
      width:16.2%;}
    .isStuck #mobile-navigation{
      max-width:100%
    ;}
  }
  /* ---------------------------------------------------------------------- */
  /*  Small Devices Only
  /* ---------------------------------------------------------------------- */
  @media (min-width: 992px) and (max-width: 1200px) {
    .card-notice{
      right: -35px;
      width: 500px;
      top: 247px;
      padding-top: 20px;}
  
    .notice-list{
      margin-bottom: 10px;}
    .science-slider .owl-item .title{
      margin-bottom: 9px;}
    .news-slider .title h4{
      height: 160px;}
  }
  /* ---------------------------------------------------------------------- */
  /*  From Small Devices Up To Medium Devices
  /* ---------------------------------------------------------------------- */
  @media (min-width: 768px) and (max-width: 991px) {
  
  
    .news-slider .title h4{
      font-size: 14px;
      line-height: 18px;
      padding-top: 32px;
      height: 124px;
      margin-bottom: 10px;}
    .news-slider .title{
      padding: 10px 20px 0 20px;}
    .news-slider .title h4{
      height: 110px;}
    .news-slider .title h4 p{
      font-size: 14px;}
    .news-slider .title .des{
      font-size: 12px;
      line-height: 1.5;
      height: 36px;}
  
    .card-notice:after{
      right: -258px;
      border: 258px solid transparent;
      border-top-width: 0;
      border-bottom-color: #da6d40;}
    .focus:after{
      height: 215px;}
    .notice-list a{
      height: 63px;
      overflow: hidden;}
    .card-learning-2{
      width: 240px;}
    .science-slider h4{
      margin-bottom: 8px;}
    .logo-title{
      top: -20px;left: 54%;}
    .logo-title img{
      width: 130px;
      padding: 10px;}
    .card-notice{
      min-height: 215px;
      padding-top: 20px;
      bottom: -25px;
      width: 350px;
      right: 5px;}
    .card-science-2{
      width: 31%;}
    .science-slider .img{
      margin-bottom: 22px;}
    .footer .info-content{
      padding: 50px 40px 0;}
    #main-container{
      overflow: hidden;}
    .news-list .ImgCrop{
      height: 180px;}
    .quick-link ul .li1119{
      width:16.66666%
    ;}
    .navbar-brand{
      padding:30px 15px;}
    .header2 .isStuck .nav-hide1130{
      width:35%;}
    .header2 .isStuck.navbar-main .navbar-nav{
      width:100%;}
    .dropdown-item-list li > a{
      padding-left:25px!important
    ;}
    .dropdown119 br{
      display: none
    ;}
  }
  
  
  
  
  
  @media  (max-width: 767px) {

    
    #mobile-navigation .container{
      padding: 0;}
    .header2 .navbar-brand{
      padding: 0;}
    .ma-infinitypush-wrapper .ma-infinitypush ul{
      padding-top:10px;
      width:100%;
      margin-bottom: 10px;}
    .ma-infinitypush-wrapper .ma-infinitypush ul>li>a{
      text-align: center;
      font-size: 14px;
      font-weight:600;
      margin-bottom: 10px;
      color: #fff; 
      background: none;
      padding:8px 5px;}
    .ma-infinitypush-wrapper .ma-infinitypush .dropdown-item-list li > a{
      color: #C8171E;}
    .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ul{
      background: #F8F2EA;/*ccy1220*/
      width: 190px !important;}
    .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush .dropdown-item-list li{
      border: none;}
     /*ccy1220*/
    
     .ma-infinitypush-wrapper .ma-infinitypush ul>.open>a:hover,.ma-infinitypush-wrapper .ma-infinitypush ul>.open>a:focus{
      border-color:#fff!important;
      background:none;}

    .ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item, .ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item{
      background-color: transparent;}
    .ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item > a, .ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item > a {
        color: #fff !important;
        text-decoration: none !important;}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
      border-color:#fff;}
 /*  end ccy1220*/

    /* ccy1220*/

    #mobile-navigation{
      background: url(../img/sjtudoorbg.jpg) center no-repeat;
      background-size:cover;
      background-color: #b2141a;
      padding:20px 15px;
      padding-top:0;}
    .logo1220{
      padding:5px 10px 0;
      height:46px;}
    .logo1220 img{
      height:100%;
      width:auto;
      display: block;
      margin:0 auto;}
    .ma-infinitypush.phone-nav1220>ul>li{
      display: block;
      width:50%;
      float: left;
      padding: 0 10px;}
    .ma-infinitypush.phone-nav1220>ul>li .iconfont{
      display: block;
      margin: 0 auto 6px;
      font-size: 18px;
      height: 20px;
      font-weight:normal
    ;}
    .ma-infinitypush.phone-nav1220>ul>li .icon-xueyuanxinxi{
      font-size:20px;}
    .phone-nav1220>ul>li a{
      display: block;
      border:1px solid #fff;}
    .phone-nav1220>ul>li .ma-infinitypush-close-subnav{
      border:none;}
    .ma-infinitypush-wrapper .ma-infinitypush > ul{
      border-bottom:none;}
    .phone-nav1220 .nav1220>li>a{
      padding:3px 0;}
    .phone-nav1220  .dropdown-menu{
     background:#F8F2EA
    ;}
    .ma-infinitypush-wrapper .ma-infinitypush .middle-nav1220 {
      padding: 20px 0 10px 0;
      border-top: 1px dashed #fff;
      border-bottom: 1px dashed #fff;}
    /*  end ccy1220*/


    .news-list .item.col-sm-6{
      width: 50%;
      float: left;
      margin-bottom: 15px;}
    .block-sm{
      display: block;}
    .header2{
      height: auto;}
    .header2 .navbar-main{
      background-color: #bf161d;/*ccy20181221*/
      border: none;
      height: 46px;
      margin: 0 -15px;}
    .header2 .navbar.isStuck{
      margin: 0;}
    .TopLine{
      background-color: #C8171E;}
    .navbar-main a{
      height: auto;
      background: none !important;}
    .navbar-brand>img{
      margin: 5px 15px;
      width:110px;}
    #mobile-navigation{}
  
    .focus-title{
      position: relative;
      left: 48%;
      width: 40px;
      display: block;}
    .notice-list a{
      height: 46px;}
    .owl-container{
      padding: 0 30px;}
    .news-slider{
      margin-top: 0;}
  
    .card-science-1:after,
    .card-science-2:after,
    .card-notice:after{
      display: none;}
    .notice-list .time{
      text-align: left;}
    .card-science-2{
      float: none;}
    .science-list{
      padding: 20px 30px;
      text-align: left;}
    .science-list a,
    .notice-list a p{
      height: auto;}
    .hall-right{
      margin-top: -20px;
      padding-top: 10px;}
  
  
    .column-title{
      top:-100px;}
    .column-farme1{
      height: 600px;
      top:-40px;
      width: 100%;
      left: 0;}
    .column-farme2{
      height: 212px;}
  
    .card-notice{
      position: relative;
      margin-top: 20px;
      width: 100%;
      right: 0;}
    .card-learning-1{
      position: absolute;
      width: 48%;
      left: 60px;}
    .card-learning-2{
      position: relative;
      width: 280px;
      height: 450px;
      right: 0;
      top: -20px;}
    .learning-title .sb-1{
      left: -84px
    ;}
  
    .card-learning-frame{
      top: 120px;}
  
    .SJTUdata {
      margin-left: 10%;
      width: 80%;}
  
    .news-list .ImgCrop{}
    .column-list .owl-item:before{
      display: none;}
    .notice-slider.owl-theme .owl-nav,
    .SJTUdata.owl-theme .owl-nav{
      display: none;}
    .news-list{
      margin-bottom: 0;}
    .newsMore{
      width: 25%;
      margin: 0 auto 10px auto;}
    .footer .info-content{
      width: 480px;
      margin-top: 40px;}
    .foot-right-slider{
      position: relative;}
    .notice-slider{
      margin-top: 10px;}
    .pageMain .container{
      display: inherit;}
    .pageSider {
      min-height: auto;
      padding-bottom: 30px;}
    .quick-link ul .li1119{
      width:25%;}
    .PreLeader ul l{
      width:100%;}
    .SjtuData li {
        padding:5px;}
    .SjtuData li a{
        width:100%;}
    .SjtuData li a h1{
        bottom:52px;}
    /* ccy1221*/
    .card-focus ul.focus-list{
      background:#fff;
      padding:10px 0;}
    .phone-show1221{
      display: block;}
    .nav-hide1130 .phone-nav1220 li{
      width:50%;}
    a.newsMore{
      margin:auto;}
  }
  @media (min-width: 767px){
    .phone-show1221{
      display: none;}
    .pc-hide1220{
      display: none
    ;}

  }
  @media (min-width: 568px) and (max-width:780px) {
    .header2 .navbar-header{
        width:33%
    ;}
    .header2 .navbar-main .navbar-nav>li>a{
        font-size:14px;}
    .dropdown-item-list li > a{
        padding-left:25px!important;}
    /* --------------------1221手机横屏-------------------------------------------------- */
    .flex-box1130{
      display: flex!important;}
    .flex-box1130 .hall-big{
      max-width:320px;
      width:50%;}
    .flex-box1130 .hall-big{
       margin-top:180px;}
      img.hall-roof.hidden-xs {
        display: block!important;}
    .footer .info .col-sm-4 {
      width:25%;}
    .footer .info .col-sm-4.hidden-xs{
      display: block!important;
      width:50%;}
    .footer .info .col-xs-12.phone-show1221{
      display: none!important;}
    .bot-link1113>div{
      padding: 0 5px;}
    .footer .info .container{
      display: flex;}
    .footer .info-content {
       padding: 35px 25px 0!important;
      width:100%!important;
      margin-top:15px
    ;}
    .footer .address p{
      padding:0;
      text-align: center!important;}
    .footer p{
      letter-spacing: 0;}
    .address.padding-left-30{
      padding-left:0!important
    ;}
    iframe.phone-if1127{
      height:348px!important;}
    .bot-link1113 a p{
      top:10px!important;}
    .footer .info .right-box1224{
      padding-left:0;
      padding-right:0;
      width:30%;}
    .footer .info .right-box1224 .com-xs-6{
      padding-left:0;
      padding-right:0;}
    .right-box1224 ul.foot-link li{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;}
    .bot-link1113 a {
      width: 80%;
      margin: 0 auto;}
    .bot-link1113 .col-xs-6{
        margin-bottom:5px!important;
        width:100%;
        height:58px;
        overflow: hidden;}
  }






  /* ---------------------------------------------------------------------- */
  /*  Up To Medium Devices
  /* ---------------------------------------------------------------------- */
  @media (max-width: 479px) {
  
    .item p,
    .notice-list a,
    .science-slider h4,
    .science-list a{
      font-size: 16px;
      font-weight: 700;}
  
    .news-list{
      margin-right: 0;
      margin-left: 0;}
  
    .news-list .ImgCrop{
      /* height: auto; */
      display: block;
      overflow: hidden;}
  
    .news-list .ImgCrop img{
      width: 100% !important;
      /* height: auto !important; */
      margin-left: 0 !important;}
  
    .notice-list a,
    .hot-news-list p,
    .science-list a,
    .science-slider p,
    .focus-list p{
      height: auto;
      line-height: 24px;
      display: block;}
  
    .science-slider.owl-carousel .owl-stage-outer{
      margin-left: 0;}
  
    .news .container{
      padding: 0;}
    .focus-list [class*=col-xs-],
    .hot-news-list [class*=col-xs-]{
      width: 100%;}
    .block-xs{
       display: block;}
    .news-slider .title{
      padding: 10px 30px 10px 30px;}
    .news-slider .title h4{
      height: 126px;}
  
    .focus-title{
      position: relative;}
    .notice-list .item{
      float: none;}
  
  
    .column-list .info p{
      height: 120px;}
  
  
    .hot-news-list .img{
      padding-bottom: 20px;}
    .news-list h5{
      font-size: 16px;
      padding: 0 10px;}
  
    .card-science-1{
      border-left: solid 6px #DDA9A9;
      height: 300px;
      margin-left: -15px;
      margin-right: -15px;}
  
    .science-slider .owl-dots{
      bottom: -34px;}
    .science-slider .owl-nav{
      bottom: -40px;}
  .news{
    padding-top: 0;}
  .news-list .item{
    margin-bottom: 20px;
    padding: 0;}
    .notice h3{
      position: relative;
      width: 100%;
      height: 30px;
      line-height: 30px;
      font-size: 18px;}
    .notice-slider{
      padding-left: 25px;
      padding-right: 25px;
      margin-top: 0;}
    .notice:before{
      position: absolute;
      top: 0;
      width: 20px;
      height: 100%;
      background: url(../img/svg/notice-r.jpg) center center no-repeat;
      background-size: 50% auto;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      content: ' ';}
    .notice h3:before, .notice h3:after{
      display: none;}
    .notice h3, .notice a,.notice-slider .item .time{
      line-height: 40px;}
    a.newsMore{
      margin-bottom: 10px;}
    .header .navbar.isStuck{
      padding-top: 0;}
  
  
    .section {
      padding-top: 20px;}
    .section.news{
      padding-top: 10px;}
  
    .card-focus,.focus-list .item a{
      padding: 0;}
    .focus-list .item.top,.focus-list .item{
      padding-bottom: 20px;}
  
    .card-notice{
      position: relative;
      bottom: inherit;
      right: inherit;
      width: inherit;
      margin-top: 0;}
    .notice{
        height:80px;
        overflow: hidden;}
    .notice-row.row-2 .item-1{
      width: 80%;
      float: left;}
    .notice-row.row-2 .item-2{
      width: 30px;
      float: left;}
    .notice-row.row-2 .item-1 p{
      font-size: 16px;}
    .notice-row.row-2 .item-3{
      width: 70%;float: left;
      line-height: 36px;}
    .notice-row.row-2 .item-4{
      float: left;}
  
    .notice-row .item{
      display: block;
      height: auto;
      overflow: hidden;
      padding-bottom: 10px;}
    .notice-row.row-1 .item  div{
      margin-right: 30px;}
    .notice-row.row-1 .item  div,
    .notice-row.row-1 .item  div span{
      float: left;
      font-size: 18px;}
    .notice-row.row-3 .item-1 .sub-item-1,
    .notice-row.row-3 .item-2 .sub-item-1,
    .notice-row.row-3 .item-3 .sub-item-1{
      width: 70%;}
    .notice-row.row-3 .item-1 .sub-item-2,
    .notice-row.row-3 .item-2 .sub-item-2,
    .notice-row.row-3 .item-3 .sub-item-2{
      text-align: left;
      width: 30%;}
    .item p{
      text-align: left;}
    .notice-row.row-1,
    .notice-row.row-2,
    .notice-row.row-3{
      padding: 30px 30px 20px 30px;
      width: 100%;}
    .card-learning-2{
      width: 100%;
      padding: 15px;}
  
    .card-learning-1{
      border-left: solid 6px #DDA9A9;}
    .card-learning-1:after,
    .card-learning-2:after{
      background: none;}
    .card-learning-2 .form{
      margin-left: 0;
      padding-right: 0;}
  
  
    .science-list .address{
      white-space: inherit;}
  
    .footer .info-content {
      width: 100%;}
    .news-list .item.col-sm-6{
      width: 100%;}
    .SJTUdata .owl-dots{
      position: relative;
      bottom: -30px;
      margin-bottom: 30px;}
    .card-learning-1{
      position: relative;
      width: 100%;
      left: 0;}
    .quick-link ul{
      margin: 0;}
    .notice-slider1213 {
    	padding-left: 25px;
    	padding-right: 25px;
    	margin-top: 0;}
    /* .quick-link ul li{
      width: 24%;
    } */
    .footer .info-content{
      padding: 70px 50px 0;}
    .quick-link ul .li1119{
      width:33.33333%;}
    .SjtuData li{
        width:50%;
        padding:5px;}   
    .focus-list .item a .img{}
    .focus-list .item a .img img{
       width:100%!important;
       height:auto!important;
       margin-left:0!important;}
    .news-slider .title{
    	    padding: 10px 30px 60px 30px;}
    .news-slider .owl-dots{
    	    position: absolute;
    bottom: 5px;
    width: 100%;}
    .newsMore1210{width: 120px;}
    .category-title{
      width: 200%!important;
      margin-left: -50%!important;}
    iframe.phone-if1127,.footer .info {
        height: 940px!important;}
    .news-slider .title h4 p {
      height: auto;
      margin-bottom: 0;
      font-size: 14px;
      color: #fff !important;
      text-align: center;}
  
  .news-slider .title .des {
      width: 80%;
      height: 50px;
      line-height: 25px;
      margin: 0 auto;
      text-align: center;
      color: #fff !important;
      font-size: 12px;
      line-height: 16px;}
  
  .news-slider .title {
      padding: 10px 30px 20px 30px;}
  .news .container {
    padding: 10px;}
  .item p {
    text-align: left;
    height: auto;}
  .news-slider .title h4 {
    height: auto;}
  .news-slider .title h4{
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 10px;}
  .focus-list .item:before{
    display:none;}
  .flex-box1130 .hall-big{
    max-width: 420px;}
  }
  @media (max-width:380px) {
    iframe.phone-if1127 {
      height: 876px!important;}
  }
  @media (max-width:340px) {
    .footer .info-content{
      padding: 50px 8px 0;}
    iframe.phone-if1127,.footer .info {
        height: 1100px!important;}
  }