@font-face {
    font-family: 'open_sans';
    src: url('../font/open_sans.ttf');
    font-weight: normal;
    font-style: normal;
}
@media only screen and (max-width: 1230px){
     .menu{display: none;}
     .changelanguage{display: none;}
     .index_xueshi{width: 100%; float: left; overflow: hidden;}
     .admissiondiv .adminsjies{width: 100%; float: left; overflow: hidden;}
     .index_dunmdiv .dunm{width: 100%; float: left; overflow: hidden;}
     .bottom{display: none;}
     .bottommenu{width: 100%; float: left; overflow: hidden;}
    .index_dunmdiv .dunm .slodi .slodiinner .itdm{width: 37%;margin-left: 3%; margin-bottom:100px;}
    .index_dunmdiv .dunm .slodi .slodiinner .itdm a{width: 72%;}
     .admissiondiv .adminsjies .left{width: 100%;}
     .admissiondiv .adminsjies .right{width: 100%;}
     .bottommenu .top .logo{  width: 45%;
                             margin-left: 2%;}
     .bottommenu .top .wailian {
        float: left;
    }
     .indexabout_bi .aboutlbo{width: 100%; max-height: 650px;overflow: hidden;margin-bottom: 4px;}
    /*.indexabout_bi .aboutlbo .item{ float: left;width: 566px;margin-left: 10%;}*/
     .indexabout_bi .about_img{width: 100%;}
    
     body.sideopen .x_indexshadow{display: block;}
     .nav-toggle{display: block;}
     .index_menutop{width: 100%; margin-left: 0px; left: 0px;}
     body.sideopen .grid{display: block;}
      .baboulbinner{height: 850px;}
     .index_xueshi .index_xsolid .index_xsolidinner { text-align: center; }
     .index_xueshi .index_xsolid .index_xsolidinner .xs_item{ width: 48%; float: none; display: inline-block; vertical-align: top; }
     .indexabout_bi .aboutlbo .paginationabout{left: 7%;}
     .bottommenu .top .logo{width: 100%;}
     .bottommenu .top .wailian{width: 47%; margin-bottom: 50px;}
    /**内页**/
    .pagebody {width:100%;}
    .pagebody .pagemenuleft{width: 100%;float: none;}
    .pagebody .pagerightnerong {width:98%;float: none;margin-left: 10px;margin-right: 10px;}
    .tielandbread {width: 99%;}
    .tielandbread .mianbao {width:98%;float: none;padding-right: 10px;}
    .tielandbread .title{display: none;}
    .admissionlist .admislist a {width:96%;margin-left: 10px;}
    .pagebody .pagemenuleft ul.mune li ul.munnei {padding-left: 40px;}
    .pagebody .pagemenuleft ul.mune li ul.munnei li {float: none;}
    .promeslist .admislist a {width:90%;}
    .promeslist .admislist {width:97%;}
    .pagebody .pagemenuleft ul.mune,.pagebody .pagemenuleft .menuleftlianjie {width: 98%;margin-left: 10px;}
    .pagebody .pagemenuleft ul.mune {margin-bottom: 35px;}
    .academic .gotoabout {margin-bottom: 60px;}
    .whydiv .whylistnew .whylisyinner {margin: 0 auto;width: 902px;float: none;}
    .eventlist .contentright {margin-left: 128px;margin-right: 10px;float: none;width: auto;}
    .pagerightnerong .contactinfo {width:110%;}


    .pagebody .pagemenuleft ul.second-menu {
        padding-left: 40px;
    }
    .pagebody .pagemenuleft ul.second-menu li {
        width: 100%;
    }
}
@media only screen and (max-width: 940px){
    #apply_form_layer #left_name {float: none;}
    #apply_form_layer #comment_layer textarea {width: 495px;}
}
@media only screen and (max-width: 900px){
    .ad_img img  {width: 100%;height: auto;}
    .lifenlist {width: 99%;}
    .lifetstudent .lifelist {width: 99%;}
    .admissionlist_detail {width:99%;}
    .lifetstudent {width: 99%;}
    .pagerightnerong .contactinfo {width:100%;}
    .admissionlist .admislist a {width:92%;margin-left: 10px;}
    .acadelist {width: 100%;}
    .acadelist .acadeinner{width: 100%;}
    .acadelist .acadeinner .item {width:47%;margin-bottom: 14px;}
    .acadelist .acadeinner .item .img{float: none;}
    .acadelist .acadeinner .item p {margin: 20px auto 0 auto;float: none;}
    .academic .gotoabout a{width:150px;float: right;background-position-x: 150px;background-position-y: 12px;text-align: left;}
    .pagebody .pagerightnerong .contactinfo .left,.pagebody .pagerightnerong .contactinfo .right ,
    .pagebody .pagerightnerong .proleft,.pagebody .pagerightnerong .proright {float: none;width:98%;}
    .pagebody .pagerightnerong .contactinfo .left{margin-bottom: 25px;margin-left: 5px;}
    .pagebody .pagerightnerong .proleft {margin-left: 5px;}
    .lifealuminlist .lifealuminlistinner {width:100%;}
    .lifealuminlist {float: none;}
    .lifealuminlist .lifealuminlistinner .item{float: none;width:500px;margin: 0 auto 26px auto;}
    .lifealuminlist .lifealuminlistinner .item .img{margin-right: 20px;}
    .lifealuminlist .lifealuminlistinner .item p{width:215px;}
    .life_community .life_communityinner {width: 99%;}
    .life_community .life_communityinner .item {float: none;margin: 26px auto;}
    .whydiv .why1 .contentnor p img {width: 98%;}
    .pro_masterlist .overview p img {width: 98%;}
    .admissionlist_detail h2 {font-size: 14px;}
    .whydiv .whylistnew .whylisyinner {width: 98%;}
    .whydiv .whylistnew .whylisyinner .item {float: none;margin: 0 auto;margin-bottom: 38px;}
}

@media only screen and (max-width: 700px){  
    .eventlist {height: 130px;}
    .event_detal p img {width: 100%;height: auto;}
    .nav-toggle {right: 35px;}
    .nav-toggle .icon {width: 60px;height: 8px; border-radius: 8px;}
    .nav-toggle .icon:before, .nav-toggle .icon:after {
    width: 60px;
    border-radius: 8px;
    height: 8px;
    }
    .nav-toggle .icon:before {
        top: -10px;
    }
    .nav-toggle .icon:after {
        top: 10px;
    }
    .sidenav a {font-size: 20px;}
    .language_tab {right: 146px;}
    .lifetstudent .lifelist p img {width: 100%;}
    .sidenav {width: 280px;}
    .pro_masterlist .overview p img {width:99%;}
    .whydiv .why1 .content p img {width:99%;}
    .pro_emnuwai {width:580px;}
    .por_mens li {height:45px;border: none;text-align: left;}
 }
@media only screen and (max-width: 560px){
     .acadelist .acadeinner .item {width:100%;}
     .acadelist .acadeinner .item {width:100%;}
}