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);}
#carousel-example-generic .carousel-inner div.item div.title div.banner img { object-fit: cover; width: 1200px; height: 360px;}
section.news{width:1200px;margin:0 auto;}
section.news>div{background:#FFF;transition-duration:1s;display:inline-block;cursor:pointer;width:377px;position:relative;padding:15px 0px;}
section.news>div:nth-child(2){margin:30px;}
section.news>div:hover{box-shadow: 0px 0px 5px 0px #000;}
section.news>div>img{margin-left:15px;margin-bottom:5px;}
section.news>div>p{display:inline-block;font-size:18px;margin-left:5px;}
section.news>div>p>span{font-size:14px;margin-left:5px;color:#666;border-left:2px #11406C solid;padding-left:10px;margin-left:10px;}
section.news>div>div,
section.news>div>div.tab-content>div.tab-pane>div {width:357px;height:210px;margin:0 auto;overflow:hidden;}
/* section.news>div>div.tab-content>div.tab-pane>div{overflow:hidden;margin:0 auto;width:357px;height:210px;} */

section.news>div>div>a>img,
section.news .tab-content a img{display:block;width:100%;transition: all 0.5s; object-fit: cover; height: 100%;}
/* section.news .tab-content a img{display:block;width:100%;transition:all .5s; object-fit: cover; height: 100%; } */

section.news>div:hover>div>a>img{transform: scale(1.2);}
section.news>div>hr.hr1{width:357px;height:1px;background:#11406C;margin:10px auto;border:1px #FFF solid;transition-duration:1s;}
section.news>div:hover>hr.hr1{border:1px #11406C solid;transition-duration:1s;}
section.news>div>h1{margin:5px 0px 0px 10px;padding:0px;font-size:16px;color:#000;}
section.news>div>h1>a{color:#000;}
section.news>div>h1>a:hover{color:#000;}
section.news>div>ul>a>li{list-style-type:none;height:35px;padding-left:10px;line-height:35px;font-size:16px;color:#333;}
section.news>div>ul>a>li:hover{background:#EFEFEF;}
section.news>div>ul>a>li>span:nth-child(1){margin-right:5px;background:url(skin/images/in/icontitle_1.jpg) no-repeat center;display:inline-block;width:11px;height:11px;}
section.news>div>ul>a>li:hover>span:nth-child(1){background:url(skin/images/in/icontitle_2.jpg);}
section.news>div>ul>a>li>span:nth-child(2){color:#FF0000;font-size:12px;}
section.news>div>a>span{transition-duration:0.5s;display:block;border:1px #11406C solid; width:130px;height:35px;margin:20px auto;font-size:16px;color:#11406C;text-align:center;line-height:34px;font-weight:400;}
section.news>div:hover>a>span{width:260px;transition-duration:0.5s;}
section.news>div>a:hover>span{background:#11406C;color:#FFF;transition-duration:0.5s;}

section.news{overflow:hidden;}
section.news div.news-box{float:left;margin-top:30px;}
section.news .nav.nav-tabs{display:inline-block;margin-left:5px;height:20px;border:none;font-size:18px;}
section.news .nav.nav-tabs li a{margin-right:10px;padding:0;border:none;background:0 0;color:#555;}
section.news .nav.nav-tabs li.active a{padding:0 10px;border-radius:0;background:#284da5;color:#fff;}
section.news>div:hover>div.tab-content>div.tab-pane>hr.hr1{border:1px solid #284da5;transition-duration:1s;}
section.news .tab-content{ /* padding-top:6px; */ height:auto;}


section.news>div:hover>div.tab-content>div.tab-pane>div>a>img{transform:scale(1.2);}
section.news .tab-content h1{margin:5px 0 0 10px;padding:0;color:#000;font-size:16px;}
section.news .tab-content h1 a{color:#000;}
section.news .tab-content hr.hr1{margin:10px auto;width:357px;height:1px;border:1px solid #fff;background:#284da5;transition-duration:1s;}
section.news .tab-content ul>a>li{padding-left:10px;height:35px;color:#333;list-style-type:none;font-size:16px;line-height:35px;}
section.news .tab-content a>span{display:block;margin:20px auto;width:130px;height:35px;border:1px solid #284da5;color:#284da5;text-align:center;font-weight:400;font-size:16px;line-height:34px;transition-duration:.5s;}
section.news>div:hover .tab-content a>span{width:260px;transition-duration:.5s;}
section.news>div .tab-content a:hover>span{background:#284da5;color:#fff;transition-duration:.5s;}
section.news>div .tab-content ul>a>li>span:nth-child(2){color:red;font-size:12px;}

.ir2_box { margin: 20px auto 50px; width: 1200px; height: 100px;}
.ir2_box li { display:inline-block;}
.ir2_box .right_space { margin-left: 25px;}
.ir2_box li { display:inline-block;}
.ir2_box img { width: 380px; height: 100px;}
.ir2_box a { position: relative; display: block;}
.ir2_box p { transition: 0.5s; width: 100%; position: absolute; top: 0; left: 0; font-size: 32px; font-weight: bold; text-align: center; line-height: 100px; color: #fff; letter-spacing: 5px;}
.ir2_box li:hover p { color: #fecb00;}
section.teacher{width:1200px;background:#FFF;margin:0 auto;padding:15px 0;margin-bottom:50px;position:relative;transition-duration:1s;}
section.teacher:hover{box-shadow: 0px 0px 5px 0px #000;transition-duration:1s;}
section.teacher>img{margin-left:15px;margin-bottom:5px;}
section.teacher>p{display:inline-block;font-size:18px;margin-left:5px;}
section.teacher>p>span{font-size:14px;margin-left:5px;color:#666;border-left:2px #284da5 solid;padding-left:10px;margin-left:10px;}
section.teacher>hr.hr1{width:1170px;height:2px;background:#284da5;margin:0 auto;margin-bottom:10px; border:1px #FFF solid;transition-duration:1s;}
section.teacher>hr.hr2{border-radius:50%;box-shadow: 0px 0px 10px 5px #000;width:460px;height:5px;background:#FFF;margin:0 auto;position:absolute;z-index:-10;bottom:1px;right:350px;}
section.teacher:hover>hr.hr1{border:1px #284da5 solid;transition-duration:1s;}
section.teacher>ul{margin:0 auto;width:1170px;}
section.teacher>ul>li{list-style-type:none;display:inline-block;margin:0 5px;}
section.teacher>ul>li>div{width:279px;height:168px;overflow:hidden;margin-bottom:10px;}
section.teacher>ul>li>div>a>img{display:block;width:100%;transition: all 0.5s;}
section.teacher>ul>li:hover>div>a>img{transform: scale(1.2);}
section.teacher>ul>li>a{font-size:15px;color:#333;}
section.teacher>ul>li>a>span{margin-right:5px;background:url(skin/images/in/icontitle_1.jpg) no-repeat center;display:inline-block;width:11px;height:11px;}
section.teacher>ul>li:hover>a>span{background:url(skin/images/in/icontitle_2.jpg);}
section.teacher>a{position:absolute;top:20px;right:20px;}
.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;}

}