.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.nav{width:1200px;height:60px;margin:0 auto;margin-top:30px;background:#FFF;transition-duration:1s;} section.nav:hover{box-shadow: 0px 0px 5px 0px #000;transition-duration:1s;} section.nav>ul{list-style-type:none;text-align:center;width:1200px;} section.nav>ul>li{display:inline-block;width: auto;height:20px;line-height:19px; padding: 0 26px; border-right:1px #DDD solid;margin-right:5px;margin-top:20px;} section.nav>ul>li>hr{width:0px;height:2px;background:#284da5;transition-duration:0.5s;margin:0 auto;} section.nav>ul>li:hover>hr{width:60px;transition-duration:1s;} section.nav>ul>li>a{color:#333;font-size: 16px;} .ir01 { background: #fff; padding: 0 0 20px; margin: 20px 0 0; overflow: hidden;} .ir01_hd { font-size: 20px; color: #23527c; font-weight: bold; line-height: 2; border-bottom: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; text-align: center;} .ir_box { width: 1200px; margin: 0 auto;} #ir01_l { width: 49%; float: left; position: relative;} #ir01_l img { width: 100%; display: block; height: 350px; object-fit: cover;} #ir01_l h3{position:absolute;bottom:0;display:block;overflow:hidden;margin:0;padding:0;padding:0 1em;width:100%;background:#fffc;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:2;} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:0;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);} .slick-track{position:relative;top:0;left:0;display:block;margin-right:auto;margin-left:auto;} .slick-track:after,.slick-track:before{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{float:left;display:none;height:100%;min-height:1px;} [dir=rtl] .slick-slide{float:right;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} .slick-dotted.slick-slider{margin-bottom:30px;} .slick-dots{position:absolute;bottom: 36px;display:block;margin:0;padding:0;width:100%;list-style:none;text-align:center;} .slick-dots li{ border: 1px solid #000; background: #fff; position:relative;display:inline-block;margin:0 5px;padding:0; border-radius: 50%; width:10px;height:10px;cursor:pointer;} .slick-dots li.slick-active { background: #0C529D;} .ir01_r { width: 49%; float: right;} .ir01_r li { overflow: hidden; list-style-type: none; padding-left: 10px; font-size: 16px; color: #333; padding-bottom: 10px; margin-bottom: 10px;} .ir01_r .time { width: 60px; text-align: center; margin-right: 10px; border: 1px solid #23527c; float: left;} .ir01_r .time p { margin: 0; color: #fff;} .ir01_r .time .y { color: #23527c;} .ir01_r .time .m { background: #23527c;} .ir01_r .t { float: left; width: 80%; width: calc( 100% - 83px );} .ir01_r li:hover{background:#fff;} .ir01_r li:hover .t { color: #23527c;} 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), #news.tab-pane.active ul a li span {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), #news.tab-pane.active ul a li:hover span{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;} .ir03_cat { width: 32.33%; margin-right: 1%; background: #fff; float: left; margin-bottom: 50px;} .ir03_cat li { list-style: none; background: #fff; padding-bottom: 20px;} .ir03_cat li img { width: 100%; display: block; height: 200px;} .ir03_cat li a { font-size: 15px; color: #333; text-align: center; line-height: 2.5; display: block;} .ir03_cat .name { font-size: 16px;} .ir03_cat .ir_hd { padding: 15px 0 8px;} .ir03_cat .ir_hd p { display: inline-block; font-size: 18px; margin-left: 5px;} .ir03_cat .ir_hd img{ margin-left: 15px; margin-bottom: 5px;} .ir03_cat .ir_hd p span { font-size: 14px; margin-left: 5px; color: #666; border-left: 2px #11406C solid; padding-left: 10px; margin-left: 10px;} .ir03_cat .intro { height: 3em; line-height: 1.5; color: #888; padding: 0 1.5em 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .ir03_cat .more_link, .ir01 .more_link { float: right; padding: 5px 8px; background: #f7f7f7;} .ir03_cat .more_link:hover, .ir01 .more_link:hover { float: right; padding: 5px 8px; background: #11406C;} .ir03_cat .more_link span, .ir01 .more_link span { color: #11406C;} .ir03_cat .more_link:hover span, .ir01 .more_link:hover span { color: #fff;} .footer .bottom_links { padding: 35px 0 25px 0; background: #163ba6;} .footer .bottom_links .inner_container { width: 1200px; margin: 0 auto;} .footer ul { margin: 0 auto; display: inline-block; list-style: none;} .footer ul li.link_hd { font-weight: bold;} .footer .bottom_links li { float: left;} .footer ul a { transition: 0.5s; font-size: 16px; color: #ccc; line-height: 2em; display: block; padding: 0 1.5em 0 0; margin: 0 2em 0 0;} .footer li:hover a { color: #fecb00;} .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;} }