@media screen and (max-width: 1200px) {
    body{
        width: 100%;
        min-width:auto;
        overflow: auto;
    }
    .m76cc-width1200{
        width: 95%;
        margin:0 auto;
        overflow: hidden;
    }
    .m76cc-slideposition{
        left:20px; 
    }
}
@media screen and (max-width: 800px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
    body{
        width: 100%;
        min-width:auto;
        overflow: auto;
    }
    .m76cc-width1200{
        width: 95%;
        margin:0 auto;
        overflow: hidden;
        overflow-y: auto;
    }
    .m76cc-school-main ul li{ 
        width:50%;/*33.3*/
    }
    .m76cc-other-school-main dl{
        width: 50%;
    }
    .m76cc-other-school-container{
        height:250px;
    }
    .m76cc-notice-main-contain{
        display: block;
    }
    .m76cc-notice-main-contain-left,
    .m76cc-notice-main-contain-right{
        width:100%;
    }
	.nav_menu_main,
	.m76cc-logo-wrap-top{
        display:none;
    }
    .m76cc-slide-top .swiper-container, .m76cc-slide-top .swiper-slide{
        /*height:250px;*/
    }
    .m76cc-slide-top .swiper-slide .text-right,
    .m76cc-slide-top .swiper-slide .text-left{
        top:10px;
    }
    .m76cc-slide-top .swiper-slide .m76cc-banner-desc.rgba h3,
    .m76cc-slide-top .swiper-slide .m76cc-banner-desc h3{
        font-size: 18px;
    }
    .m76cc-slide-top .swiper-slide .m76cc-banner-desc.rgba p,
    .m76cc-slide-top .swiper-slide .m76cc-banner-desc p{
        font-size: 13px;
    }
    .m76cc-motto-container{
        height:160px;
    }
    .m76cc-motto-main h1{
        font-size: 25px;
    }
    .m76cc-motto-main p{
        font-size: 16px;
    }
    .m76cc-dynamic-main dl{
        width: 100%;
    }
    .m76cc-other-school-container{
        height:160px;
    }
    .m76cc-other-school-main dl{
        width: 33%;
    }
    .m76cc-other-school-main dl dd p,
    .m76cc-other-school-main dl dd span{
        font-size: 18px;
    }

    .m76cc-other-school-main{
        padding-top:20px;
    }
    
    .m76cc-other-school-main dl dt{
        padding:15px;
        display: flex;
        align-items: center;
    }
    .m76cc-other-school-main dl dt img{
        width:30px; 
    }
    
    .m76cc-tab-title span{
        font-size: 16px;
        width:60px;
    }
    .m76cc-school-main{
        padding:20px 0;
    }
    .m76cc-school-main ul li{
        height:auto; 
    }
    .m76cc-school-main ul li .m76cc-imgbox{
        position: relative;
        height:auto;
    }
    .m76cc-school-main ul li .text-box{
        overflow: hidden;
    }
    .m76cc-school-views-container{ 
        height:auto;
    }
    .flex-row{
        display: block;
    }
    .m76cc-link-main dl{
        width:42%; 
        float: left;
    }
    .m76cc-link-main dl dt img{
        width: 40%;
        margin:10px auto;
    }
    .m76cc-link-main dl dt p{
        padding-bottom: 20px;
    }
    .m76cc-footer-container .m76cc-footer-list dl{
        padding:20px 10px;
        float: inherit ;
        clear: both;
    } 
    .m76cc-footer-container img.footer-logo{
        margin-top:20px;
    }
    .m76cc-footer-container .m76cc-footer-list dd{
        float: left;
    }
    .m76cc-footer-container .m76cc-footer-list dd a{
        padding:10px;
    }
    .m76cc-footer-list dl:last-child dd{
        display: block;
        clear: both;
    }
    .m76cc-news-main-content dl dt{
        height:auto;
    }
    .card-list-container dl{
        width:100%;  
    }
    .m76cc-news-detail-right{
        display: none;
    }
    .m76cc-news-detail-left{
        width: 100%;
    }
    .m76cc-honor-dl-main dl{
        display: block;
        background: #f6f6f6; 
        padding-bottom: 20px;
    }
    .m76cc-honor-dl-main dl dt{
        height:auto;
    }
    .m76cc-honor-dl-main dl dt img{
        width: 100%;
        margin:0;
        text-align: justify;
    }
    .m76cc-honor-dl-main dl dd h3{
        font-size: 18px;
    }
    .m76cc-honor-dl-main dl dd h3,
    .m76cc-honor-dl-main dl dd p{
        width: 90%;
        margin:0 auto;
        text-align: justify;
         
    }
    .m76cc-honorList-main dl.dl-left dd.dl-text{
        padding:0
    }
    .m76cc-honorList-main dl dd.dl-text{
        width: 100%;
    }
    .m76cc-honorList-main dl dd.dl-text .text-inline{
        padding:10px;
    }
    .m76cc-icon_box_dl b,
    .m76cc-honorList-main dl.dl-right dt,
    .m76cc-honorList-main dl.dl-left dt{
        display: none;
    }
    .m76cc-honorList-main dl{
        width: 100%;
    }
    .m76cc-honorList-main dl.dl-right,
    .m76cc-honorList-main dl.dl-right dd.dl-text{
        margin-left:0;
        padding:0
    }
    .m76cc-honorList-main dl.dl-left,
    .m76cc-honorList-main dl.dl-right{
        border:none;
    }
    .m76cc-honorList-main dl.dl-left dd.dl-text h3,
    .m76cc-honorList-main dl.dl-left dd.dl-text p, 
    .m76cc-honorList-main dl.dl-left dd.dl-text span{
        text-align: left;
    }
    .m76cc-topbanner-box .swiper-slide{
        height: auto;
    }
    .m76cc-lift-top-left.left40,
    .m76cc-lift-top-right.right60{
        width: 100%;
    }
    .m76cc-videoList dl a{
        margin-left:0;
    }
    .m76cc-jiaogong-page ol li{
        width: auto;
    }
    .m76cc-jiaogong-page ol li a{
        padding:0 20px;
    }
    .m76cc-lift-top-left,
    .m76cc-lift-top-right,
    .m76cc-life-main1-left,
    .m76cc-life-main1-right{
        width: 100%;
        float: left ;
    }
    .m76cc-life-list-main3 li .m76cc-dl-main-text{
        display: none;
    }
    .m76cc-life-list-main3 li .m76cc-dl-main-imagebox{
        height:auto;
    }
    .m76cc-life-title{
        margin-top:20px;
    }
    .m76cc-school-content dl{
        display: block;
    }
    .m76cc-school-content dl dt,
    .m76cc-school-content dl dt img{
        width: 100%;
        padding-top:10px;
    }
    .m76cc-school-content dl dd{
        width: 100%;
        padding-bottom:20px;
    }
    .m76cc-school-content dl dd h3,
    .m76cc-school-content dl dd p{
        padding:0 10px;
    }
    .m76cc-shixunmain ul{
        display: block;
    }
    .m76cc-shixunmain ul li{
        width: 100%;
        height:300px;
    } 
    .m76cc-xiaoyuanshijing{
        height:auto !important;
        padding-bottom:20px;
    }
    .m76cc-jiuye-box-main .m76cc-dlbox{
        width: 100%;
    }
    .m76cc-rongyubj{
        height:auto !important;
    }
    .m76cc-xibie{
        padding-bottom:30px;
    }
    .m76cc-xibie dl{
        margin-left:20px;
    }
    .m76cc-xibie dl dt.imgbox{
        width: 100px;
        height: 100px;
    }
    .m76cc-xibie dl dd{
        height:auto;
        padding-left:100px;
    }
    .m76cc-right-count-box span{
        font-size: 30px; 
        display: none;
    }
    .m76cc-xibie dl dd h4 a{
        font-size: 16px;
    }
    .m76cc-xibie dl dd p{
        font-size: 14px;
    }
    .m76cc-xibie dl dt.right-count-box{
        width: 10%;
    } 
    .m76cc-top-menu-media-box{
        display: block;
    }
    .m76cc-top-menu-media-box h1{
        width: 100%;  
        background: #fff; 
        border-radius: 3px; 
        height:50px;
    }

    .m76cc-top-menu-media-box h1 img{
        width: 30px; 
        padding:0 5px;
        cursor: pointer;
        float: right;
        padding-right:20px;
        padding-top:10px;
    }
    .m76cc-top-menu-media-box h1 img.lo{
        float: left;
        width: 200px;
        padding-top:3px;
    }
    .m76cc-top-menu-media-main{
        position: fixed;
        width: 100%;
        height:100%;
        overflow: hidden;
        overflow-y:auto;
        background: rgba(0,0,0,0.9);
        z-index:999;
        top:0;
        left:0; 
        display: none;
    }
    .m76cc-top-menu-media-main h6 img{
        float: right;
        width: 20px;
        height:20px;
        padding:20px;
    } 
    .m76cc-top-menu-media-main>ul{
        /*padding-top:50px;*/
    }
    .m76cc-top-menu-media-main ul li{ 
        text-indent: 20px;

    }
    .m76cc-top-menu-media-main ul li a{
        color: #fff;
        line-height: 45px;
        font-size: 16px;
        border-bottom:1px #666 solid;
        display: block;
    }
    .m76cc-top-menu-media-main ul li ul li a{ 
        font-size: 14px; 
        text-indent: 50px;
        color: #ddd;
   }
   .m76cc-tuanwei-banner .swiper-slide{
       height:auto;
   }
   .m76cc-tuauwei-nav ul a{
       padding:0 10px;
   }
   .m76cc-tuanwei-top-logobox{
       height:auto;
       padding-bottom:20px;
   }
   .m76cc-tuan-searchbox,
   .m76cc-tuanwei-top-logobox img{
       float: inherit;
   }
   .m76cc-zhuanye-container{
       height:auto;
   }
   .m76cc-zhuanye-container img{
       height:100%;
       display: none;
   }
   .m76cc-zhuanye-main{
       position: relative;
   }
   .m76cc-jieshao-text-box .m76cc-jieshao-text{
       padding:0;
       width:100%;
   }
   .m76cc-contain-list-box{
       min-height: auto;
   }
   .m76cc-dynamic-container {
        background: url("https://www.nigerianjobportal.com/r/cms/www/pfc2018/img/bj.png") no-repeat bottom right;
        background-size: 50%;
        padding-bottom: 50px;
    }
    .m76cc-other-school-container {
        width: 100%;
        background: url("https://www.nigerianjobportal.com/r/cms/www/pfc2018/img/bgimage.jpg") no-repeat left top;
        background-size: auto 100%;
        background-attachment: fixed; 
    }
    .m76cc-school-views-container{
        background-size: auto 100%;
    }
    .m76cc-jiuye-box{
        overflow: inherit;
        overflow-y: inherit; 
    } 
    .m76cc-tuauwei-nav{
        height:auto;
    }
    .m76cc-notice-main-contain-right{
        margin-top:20px;
    }
    .m76cc-slideposition{
        left:20px;
    }
/* 2019-1-17*/
.swiper-container .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.m76cc-slide-top .swiper-slide .text-left {
    position: relative;
    display: inline-block;
    padding: 10px 40px 10px 20px;
    text-align: left;
    opacity: 1;
}
    
}  

@media screen and (min-width: 700px) and (max-width: 800px) {
    .m76cc-slideposition{
        left:20px;
    }
    .card-list-container dl {
        width: 30%;
        float: left;
        margin: 10px;
    }
    .m76cc-shixunmain ul{
        display: flex;
    }
    .m76cc-honorList-main dl {
        width: 50%;
        position: relative;
        padding: 20px 0;
    }
    .m76cc-icon_box_dl b, .m76cc-honorList-main dl.dl-right dt, .m76cc-honorList-main dl.dl-left dt {
        display: block;
    }
    .m76cc-honorList-main dl.dl-left {
        border-right: 1px #ddd solid;
    }
    .m76cc-honorList-main dl.dl-right {
        margin-left: 50%;
        border-left: 1px #ddd solid;
    }
    .m76cc-icon_box_dl b {
        border-top: 1px #ddd solid;
        width: 40px;
        display: block;
    }
    .m76cc-shixunmain ul li {
        width: 25%;
        height:auto;
    }
    .m76cc-shixunmain ul li .text-box b {
        padding: 15px;
        font-weight: normal;
        color: #fff;
        font-size: 16px;
        display: block;
        text-align: center;
    }
    .m76cc-jiuye-box-main .m76cc-dlbox {
        width: 50%;
        float: left;
        padding-top: 50px;
    }
    .m76cc-xibie dl dt.imgbox {
        width: 200px;
        height: 200px;
    }
    .m76cc-xibie dl dd{
        padding-left: 200px;
        height: 160px;
    }
    .m76cc-xibie dl{
        margin-left:30px;
    }
    .m76cc-school-main ul li{
        width: 20%;
    } 
}
@media screen and (max-width: 500px){
    .m76cc-other-school-container{
        height:auto; 
    }
    .m76cc-other-school-main dl{
        width:160px;
        float: none;
        margin:0 auto; 
    } 
    .m76cc-other-school-opacity{
        padding-bottom:20px;
    }
    .m76cc-other-school-main dl dd p{
        padding-top:15px;
    }
    .m76cc-slideposition{
        left:20px;
    }
}
@media screen and (max-width: 350px){
    .m76cc-school-main ul li { 
        width: 100%;
    }
    .m76cc-slideposition{
        left:20px;
    }
    
}
:root{--ms-accent:#3d4a5c;--ms-radius:7px;--ms-line:1.80;--ms-gap:13px;}