@media screen and (max-width: 1200px){
  .commonWidth {
    width: 100%;
    padding:0px 15px;
  }
  .headerBox,
  .header {
    height: auto;
  }
  .logo {
    width: 85%;
    height: auto;
    margin: 10px auto;
  }
  .menuBtn,
  .nav,
  .customTabDetailIntroductionPic {
   display: none;
  }
  .mainIdx {
    padding-bottom: 30px;
  }
  .banner,
  .swiperBanner, .swiper_box, .swiper_img {
    height: 220px;
  }
  .customTabMenu {
    height: auto;
  }
  .customTabMenu>div {
    width: calc(100% - 75%);
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .customTabMenu>div>h2 {
    font-size: 14px;
  }
  .customTabMenu>div>span {
    font-size: 12px;
  }
  .customTabDetailIntroduction {
    width: 100%;
    padding: 10px 15px;
    float: none;
  }
  .customTabDetailIntroductionText,
  .customTabDetailMenu {
    width: 100%;
    float: none;
  }
  .customTabDetailMenu {
    margin-top: 10px;
  }
  .customTabDetailMenu>div {
    height: 40px;
  }
  .customTabDetailMenu>div>a {
    line-height: 40px;
  }
  .infoBox {
    padding: 20px 0px;
  }
  .infoTitle .tab-menu {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .infoTitleCont {
    width: auto;
    padding-bottom: 10px;
  }
  .infoTitleCont.customTabMenuAct {
    border-bottom: 0px;
  }
  .infoTitleCont.customTabMenuAct h2 {
    font-size: 16px;
  }
  .infoTitleCont>a>h2 {
    font-size: 14px;
    line-height: 17px;
  }
  .newsIdxCard_item {
    width: calc(100% - 51%);
  }
  .newsIdxCard_Pic {
    height: 113px;
  }
  .newsIdxCard_text {
    padding: 10px;
  }
  .newsIdxCard_text>h2 {
    font-size: 14px;
  }
  .newsIdxCard_text>span + span {
    margin-left: 13px;
  }
  .newsIdxCard_item+.newsIdxCard_item+.newsIdxCard_item {
    margin-top: 20px;
  }
  .infoNewsMore {
    margin: 15px auto 0;
  }
  .infoNewsMore>a {
    font-size: 16px;
  }
  .newsIdxList_item {
    padding-right: 0px;
  }
  .newsIdxList_pic,
  .newsIdxList_text {
    width: 100%;
    float: none;
  }
  .newsIdxList_text {
    margin-top: 0px;
    padding: 15px 15px;
  }
  .newsIdxList_text>h2 {
    font-size: 16px;
  }
  .infoNoticeItem {
    width: calc(100% - 50%);
    height: 180px;
  }
  .infoNoticeItem>a {
    padding: 13px;
  }
  .infoNoticeItem:nth-child(4), .infoNoticeItem:nth-child(5), .infoNoticeItem:nth-child(8) {
    background-color: #f5f5f5;
  }
  .infoNoticeItem:nth-child(3),.infoNoticeItem:nth-child(6), .infoNoticeItem:nth-child(7)  {
    background-color: #D6AA6D;
  }
  .infoNoticeItem:nth-child(4) h6, 
  .infoNoticeItem:nth-child(5) h6, 
  .infoNoticeItem:nth-child(8) h6, 
  .infoNoticeItem:nth-child(4) h3, 
  .infoNoticeItem:nth-child(5) h3, 
  .infoNoticeItem:nth-child(8) h3, 
  .infoNoticeItem:nth-child(4) span,
  .infoNoticeItem:nth-child(5) span,
  .infoNoticeItem:nth-child(8) span{
    color: #333333;
  }
  .infoNoticeItem:nth-child(3) h6, 
  .infoNoticeItem:nth-child(6) h6, 
  .infoNoticeItem:nth-child(7) h6, 
  .infoNoticeItem:nth-child(3) h3, 
  .infoNoticeItem:nth-child(6) h3, 
  .infoNoticeItem:nth-child(7) h3, 
  .infoNoticeItem:nth-child(3) span, 
  .infoNoticeItem:nth-child(6) span, 
  .infoNoticeItem:nth-child(7) span {
    color: #ffffff;
  }
  .videoIdx {
    margin-top: 20px;
  }
  .swiperVideo {
    width: 100%;
    height: 250px;
    float: none;
  }
  .videoTab {
    width: 100%;
    float: none;
    margin-top: 10px;
  }
  .videoTab>div {
    width: calc(100% - 67%);
    float: left;
    text-align: center;
    height: auto;
    padding: 15px 10px;
  }
  .videoTab>div + div {
    margin-top: 0px;
  }
  .videoTab>div>a {
    font-size: 16px;
  }
  .scienceBox,
  .scienceDetail,
  .lectureBox,
  .lectureItem {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .scienceCont {
    padding: 30px 0px;
  }
  .commonTitle {
    text-align: left;
  }
  .commonTitle>h2 {
    font-size: 20px;
  }
  .commonTitle>h2:after, .commonTitle>h2:before {
    width: 0px;
    height: 0px;
  }
  .scienceItem,
  .scienceItem:nth-child(2n),
  .lectureList,
  .lectureList:nth-child(2n) {
    width: 100%;
    float: none;
  }
  .scienceItem {
    padding: 10px;
    height: auto;
    margin-bottom: 15px;
  }
  .scienceItem>a>h2 {
    width: calc(100% - 40%);
    font-size: 14px;
    line-height: 23px;
  }
  .lectureList>a {
    padding: 10px 0px;
  }
  .lectureTime {
    width: calc(100% - 79%);
  }
  .lectureTime>span {
    font-size: 20px;
  }
  .lectureList>a>h2 {
    width: calc(100% - 27%);
  }
  .footer {
    height: auto;
  }
  .footerNav {
    display: none;
  }
  .copyright {
    height: auto;
    padding: 10px 0px;
  }
  .copyright p {
    line-height: 25px;
  }
  .centerBg {
    height: 220px;
    padding-top: 60px;
  }
  .centerTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .centerMenu {
    height: auto;
    padding: 10px 10px 10px 10px;
    justify-content: flex-start;
    align-items: center;
  }
  .centerMenu>li>a {
    line-height: 35px;
    padding-left: 25px;
    font-size: 16px;
  }
  .centerMenuAct>a {
    background: url(../images/icon_center_bg.png) no-repeat 11px !important;
    background-size: 10% !important;
    color: rgba(255,255,255,1) !important;
  }
  .centerMenu>li>a:hover {
    background: url(../images/icon_center_bg.png) no-repeat 11px;
    background-size: 10% !important;
    color: rgba(255,255,255,1);
  }
  .introductionBg {
    padding: 10px 0px;
  }
  .paperCrumbs>h2 {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 10px;
  }
  .paperCrumbs .crumbs {
    line-height: 30px;
  }
  .introduction, .leaderSuccessive, .history, .collegeLeader {
    padding-top: 20px;
  }
  .introduction p {
    font-size: 14px;
  }
  .mainCont {
    padding-bottom: 30px;
  }
  .mainLeftMenu {
    /* display: none; */
  }
  .mainLeftMenu,
  .commonRight,
  .leaderItem,
  .leaderItem:nth-child(2n) {
    width: 100%;
    float: none;
  }
  .commonRight {
    padding-right: 0px;
  }
  .leaderItemPic {
    width: 116px;
    height: auto;
  }
  .leaderItem {
    height: auto;
  }
  .leaderItemText {
    width: calc(100% - 140px);
  }
  .collegeLeaderItem,
  .paperMenuChooseTitle,
  .paperMenuChooseDetail,
  .teacherDetail,
  .teacherPic {
    width: 100%;
    float: none;
  }
  .paperMenuChooseDetail>a {
    padding: 0px 17px;
    line-height: 28px;
  }
  .page_nav {
    margin-top: 0px;
  }
  .page_nav li {
    font-size: 14px;
  }
  .page_nav li a, .page_nav li span {
    padding: 3px 6px;
  }
  .teacherTitle>h2 {
    font-size: 22px;
  }
  .teacherInfo>span {
    line-height: 23px;
  }
  .teacherInfo {
    padding: 15px 0px;
  }
  .teacherPicImg {
    margin: 10px auto 0px;
  }
  .teacherPic:after {
    display: none;
  }
  .paperMenuChoose {
    padding-bottom: 0px;
  }
  .teacherListBox .paperMenuChooseTitle {
    width: calc(100% - 81%);
    float: left;
  }
  .teacherListBox .paperMenuChoose+.paperMenuChoose .paperMenuChooseDetail {
    float: left;
    width: calc(100% - 29%);
    margin-left: 16px;
  }
  .teacherListBox .paperMenuChooseDetail>a, .teacherListBox .paperMenuChooseTitle>a {
    width: 61px;
    height: 25px;
    line-height: 25px;
  }
  .teacherItem,
  .teacherItem:nth-child(2n) {
    width: 100%;
    float: none;
  }
  .teacherItemPic {
    width: 116px;
    height: 170px;
    overflow: hidden;
  }
  .teacherItemText {
    width: calc(100% - 120px);
    padding: 10px 20px;
  }
  .teacherItemText>h2 {
    font-size: 20px;
  }
  .teacherItemText>p {
    margin-top: 0px;
  }
  .viewItem>a {
    width: calc(100% - 25%);
  }
  .viewItem>span {
    width: calc(100% - 81%);
    font-size: 12px;
  }
  .headerbtn_bar {
    display: block;
  }
  .masking {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background-color: transparent;
    transition: all 0.5s ease 0.2s;
    z-index: -1;
  }
  .masking.focus {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1001;
  }
  .iphone_nav {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    margin-left: -40%;
    transition: all 0.6s ease  0.2s;;
    -webkit-transition: all 0.6s ease  0.2s;/*谷歌和safari*/
    -moz-transition: all 0.6s ease  0.2s;/*火狐*/
    -ms-transition: all 0.6s ease  0.2s;/*ie*/
    -o-transition: all 0.6s ease  0.2s;/*opera*/
    z-index: 999999;
  }
  .iphone-box {
    background-color: rgba(255, 255, 255, 0.98);
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 46px;
    padding-top: 80px;
    transition: all 0.6s ease  0.2s;;
    -webkit-transition: all 0.6s ease  0.2s;/*谷歌和safari*/
    -moz-transition: all 0.6s ease  0.2s;/*火狐*/
    -ms-transition: all 0.6s ease  0.2s;/*ie*/
    -o-transition: all 0.6s ease  0.2s;/*opera*/
  }
  .iphone-box>ul>li>a {
    display: block;
    font-size: 14px;
    color: #000000;
    line-height: 40px;
  }
  .iphone-box .active>a {
    color: #9a0000;
  }
  .iphone-box>ul>li>a>i {
    height: 46px;
    width: 16px;
    padding-left: 8px;
    box-sizing: content-box;
    display: inline-block;
    background: url(../images/phone_more.png) no-repeat right center;
    vertical-align: middle;
  }
  .iphone-box>ul>li>ul {
    display: none;
    padding-bottom: 10px;
  }
  .iphone-box>ul>li>ul>li>a {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 30px;
  }
  .iphone-box>ul>li>ul>li>a strong {
    font-weight: normal !important;
  }
  .iphone_nav.focus {
    margin-left: 0;
    display: block !important;
  }
}
@media screen and (max-width: 768px){
  
  
}