header > nav > div > ul.navul_2 > li { padding: 0 6px;}

.m_menu { position: absolute; right: 18px; top: 36px; display: none; width: 36px; height: 36px; border: 1px solid #eee; border-radius: 6px;}
.m_menu span { display: block; width: 80%; display: block; margin: 0 auto; height: 3px; border-radius: 1px; background-color: #eee; margin-top: 6px; transition: all .2s ease-in-out;}
.m_menu.m_close span:nth-child(1) {
  transform: translateY(11px) rotate(135deg);}
.m_menu.m_close span:nth-child(3) {
  transform: translateY(-7px) rotate(-135deg);}
.m_menu.m_close span:nth-child(2) {
  transform: scale(0);}
.inner_banner_box img { max-width: 100%;}
article img { max-width: 100%;}
aside ul a.cur li {background:#EFEFEF; color: #284da5;}
.footer { clear: both;}
.footer .copy { line-height: 1.5; font-size: 16px; text-align: center; padding: 25px 0; border-top: 1px solid #333; background: #142f86; color: #fff;}
.footer .copy p { margin: 0;}
.footer .copy a { color: #fff;}
@media screen and (max-width: 980px){

    header,
    header > nav > div,
    section.nav,
    section.nav > ul,
    header > nav > div > ul.navul_2,
    section.teacher > ul,
    section.teacher > hr.hr1,
    section.teacher > hr.hr2,
    section.news,
    .ir2_box,
    .inbanner,
    .inbanner .title,
    section.teacher,
    .footer .bottom_links .inner_container,
    footer,
    
    header div.inner_banner_box,
    header div.inner_banner_box img,
    section.xygkIn,
    section.xygkIn > article,
    
    section.newsIn,
    section.newsIn > article,
    
    section.newsBrowse,
    section.newsBrowse > article,
    section.xygkIn > article > hr, 
    .newsBrowse article hr, section.newsIn > article > hr,
    section.xygkIn > article:hover > hr, 
    .newsBrowse article:hover hr, section.newsIn > article:hover > hr,
    
    section.service_2,
    section.service_2 > ul,
    section.service_2 > hr.hr1,
    section.service_3,
    section.service_3 .s3_1,
    section.service_3 .s3_2,
    section.service_3 .s3_3,
    section.service_2 > ul > li,
    section.service_2 > ul > li > div,
    .ir_box,
    #ir01_l,
    .ir01_r,
    .ir03_cat { width:100%;}
    
     header > nav { height: 100px;}
     
     .ir01_r li { padding-bottom: 7px; margin-bottom: 7px;}
    .ir01_r .time { font-size: 14px; width: 50px;}
    .ir01_r .t { width: calc( 100% - 73px );}
    
    .ir03_cat { margin-bottom: 15px;}
    .ir03_cat li { padding-bottom: 0;}
    
    
    .link-top a { right: 1em; top: 0;}
    
    .tl_logo { margin-left: 0;}
    .tl_logo img { height: auto; width: 80%; margin-top: 0;}

    .m_menu { display: block;}
    header > nav > div > ul.navul_2 { display:none; top: 80px; text-align: initial;  height: auto; background: #0b226d;}
    header > nav > div > ul.navul_2 > li { display: block; height: auto;}
    header > nav > div > ul.navul_2 > li > a { padding-left: 0.5em;}
    nav  .menu1 { display: none; height: auto; left: 0.5em; position: relative; top: initial;}
    .menu1 > div { border-radius: 5px; float: left; width: auto; border-width:  0; margin: 2px;}
    .menu1 > div > a { font-size: 13px;}
    
    header > nav > div > ul.navul_2 > li:hover div.menu1 { height: auto;}
    
    .inbanner,
    .inbanner .title { height: 160px;}
    .inbanner .title > div.bannernr,
    .carousel-caption,
    .inbanner .title > h2,
    section.news > div > p > span,
    section.teacher > p > span,
    section.xygkIn > aside,
    section.newsIn > article > ul > a > li > span.biaoTou,
    section.newsIn > aside,
    section.newsBrowse aside,
    section.newsIn > article > ul > a > li:hover > span.biaoTou,
    .ir03_cat .ir_hd p span { display: none;}
    .carousel-indicators li,
    .carousel-indicators .active { border-width: 0; width: 26px; height: 12px; border-radius: 5px;}
    
    #carousel-example-generic .carousel-inner div.item div.title div.banner img {  width: 100%; height: 150px;  object-fit: initial;}
    .carousel-indicators { width: auto;}
    
    
    section.nav { height: auto; margin: 0;}
    section.nav > ul { margin: 0; padding: 5px 0;}
    section.nav > ul > li { width: auto; padding: 0; margin: 0 2px; height: auto; line-height: 1; border-right-width: 0;}
    section.nav > ul > li a { font-size: 15px;}

    section.news > div,
    section.news > div > div, 
    section.news > div > div.tab-content > div.tab-pane > div { width: 100%;}



    .ir2_box ul { overflow: hidden;}
    
    .ir2_box li,
    .ir2_box .right_space { margin: 0; padding: 0; width: 30.33%; margin: 0 1.5%; float:left;}
    .ir2_box img { border-radius: 7px; width: 100%; height: 60px; display: block; margin: 0 auto;}
    .ir2_box p { font-size: 16px; letter-spacing: 0; line-height: 60px;}
    
    .ir2_box { height: auto; margin: 20px auto;}
    
    section.news > div:nth-child(2) { margin: 0;}
    
    section.teacher > ul > li,
    section.teacher > ul > li > div { width: 100%;}
    
    section.teacher > ul > li { margin-bottom: 1.5em;}

    section.teacher > ul > li > div > a > img { height: auto; display: block;}

    .footer .bottom_links { padding: 1.5em 2em;}
    .footer ul li.link_hd { float: none;}
    .footer ul a { font-size: 12px; line-height: 1.5; margin: 0; padding: 0 1em 0 0;}
    
    .footer .copy { padding: 1em;}
    .footer .copy p { font-size: 12px;}
    
    section.newsIn > article > ul > a > li { height: auto;  padding-left: 5px; line-height: 1.3em; margin: 0.6em 0;}
    section.newsIn > article > ul > a > li > span.time { float: none; padding: 0; font-size: 12px;color: #999;}
    
    .show_detail_box { min-height: initial;}
    
    section.xygkIn > article > h1, 
    .newsBrowse article h1.show_detail_title, 
    section.newsIn > article > h1 { font-size: 20px;}
    article img { max-width: 100%; height: auto !important;}
    
    
    section.service_2 > ul > li > div,
    section.service_2 > ul > li > div > a > img { width: 100%;  height: 200px;}
    section.service_2 > ul > li { margin-bottom: 1.5em;} 
    
    header div.inner_banner_box { height: auto;}
    
    section.service_3 { height: auto;}
    section.service_3 .s3_1,
    section.service_3 .s3_2,
    section.service_3 .s3_3 { position:relative; top: initial; left: initial; right: initial;}
}

@media screen and (max-width: 980px){

    section.news div.news-box { margin-top: 10px;}
    section.teacher > ul > li > div { height: 300px;}

}