@charset "utf-8";
/* CSS Document */
body{background: #fff;}
.greybg{ background: #f2f2f2;}
.bannerImg img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%; -ms-interpolation-mode: bicubic; }
.rowbox{ max-width:1320px; margin: 0 auto; width: 95%;}
img{display: inline-block;}
.topbox{display: none;}
.top{ display: none;width: 100%;  height:45px;line-height:45px;  position: relative;z-index: 3;padding:0 10px;background:#226fb8;border-bottom: 1px solid #195ca9;    display: flex;justify-content: flex-end;align-items: center; }
.meun_icon{height: 45px; line-height: 45px; display: none; color: #fff; font-size: 16px; }
.meun_icon img{width:25px; margin-right: 10px; height:20px; vertical-align: middle;}
.flex-container{ display: -webkit-box;display: -ms-flexbox;display: flex;  -webkit-box-align: center;-ms-flex-align: center;align-items: center;    justify-content: space-between; }
.container{padding: 18px 0;}

.main_index{position: relative;}
.header{width:100%;background:rgba(166,33,38,0.4); position: relative; position: fixed; top: 0; left: 0; right: 0;z-index: 9;}
.header.on{background:rgba(166,33,38,1);-moz-box-shadow:0 3px 6px rgba(0,0,0,.2);
	 -webkit-box-shadow:0 3px 6px rgba(0,0,0,.2);
	 box-shadow: 0 3px 6px rgba(0,0,0,.2);}
.bg{background: rgba(8, 11, 26, 0.8);}
.headr{float:right;}
.headr ul{ text-align: right;}
.headr ul li{  display: inline-block;line-height:20px; border-right: 1px solid #a9c0dd; padding: 0 15px;vertical-align: middle; font-size: 16px;}
.headr ul li a{color: #a9c0dd;}
.headr ul li a:hover{ color: #fff;}
.headr ul li .js{ background-position:0px 0;}
.headr ul li:last-child{ border-right: 0; }


.logo_l{ float:left; text-align: left;}
.logo_l img{ display:inline-block;vertical-align:middle; position: relative; z-index: 5; -webkit-transition: all .5s;transition: all .5s;}
.logo_l span{ display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #fff; vertical-align:middle; color:#fff; font-size:18px; padding: 8px 20px;position:relative ;}

.searhbox01{height:33px;line-height:33px;float: right;border-radius:20px;overflow: hidden;width:240px;border: 1px solid #fff;margin-left: auto;margin-top:10px;}
.searhbox01 .text{width:calc(100% - 90px);height:30px;line-height:30px;background:transparent;padding: 0 10px;float: left;}
.searhbox01 .btn{ width:40px; float: right; height:30px;line-height:30px; background: url(../images/ss_btn.png) no-repeat center center;cursor: pointer;}
.searhbox01 .btn svg{/* vertical-align: middle; */margin-right: 5px;margin-top: 4px;}


/*导航*/
.navbg{ width: 100%;  height:35px; line-height:35px;border-top: 1px solid #fff;}
.nav ul{ padding: 0;}
.nav li{ float:left; width:7.1%; text-align: center; line-height:34px; position:relative;font-size:16px;}
.nav li a{color:#fff; display: inline-block;font-weight: 600; }
.nav li.on{ background: rgba(166,33,38,0.6);}
.nav li .ejnav{opacity:0;  height: 0; position: absolute; width: 130%;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; z-index: 3; display: none; margin-left: -10%;}
.nav li .ejnav li,.nav li .ejnav li .sjnav li{ width: 100%; float: none; font-size: 14px; background: #a62126; height:35px; line-height:35px; position: relative;}
.nav li:hover .ejnav{ opacity:1;  height:auto; display: block; }
.nav li .ejnav li:hover{ background: rgba(166,33,38,0.9);}
.nav li .ejnav li .sjnav{opacity:0;  height: 0; position: absolute; right:-100%; top: 0; overflow: hidden; width: 100%;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; z-index: 3;}
.nav li .ejnav li .sjnav li{background: #2a78c2;}
.nav li .ejnav li:hover .sjnav{opacity:1;  height:auto; }
.nav li .ejnav li .sjnav li:hover{ background: #226fb8;}

/*手机导航*/
.head_r{ float:right; padding-top:8%; }
#navbg{ position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);left: 0;top: 0;display: none;z-index: 999;}
.mob_nav{position: fixed;right:-85%;top: 0;z-index: 999;overflow-y:auto;background: #a62126;width: 80%;height: 100%;box-shadow: -5px 0 13px rgba(0,0,0,.43);}
.mob_nav li:last-child{border-bottom:0}
.mob_top{height: 45px;line-height: 45px;padding: 0 15px;background: #a62126; background-size: 100%;}
.mob_top .link_l{ float: left; color: #fff;}
.mob_nav .colsebtn{ text-align: right;height:25px;margin-top:6px; float: right; cursor: pointer;}
.mob_nav .colsebtn img{width: 25px; height:25px;}
.mob_nav li a{ display:block; color:#fff; }
.js_mob{padding:10px 12px;}
.search-input{ background: #fff;}
.search-input:after{visibility:hidden; display:block; content:""; clear:both}
.search-input input{ width:calc(100% - 90px);height:38px;line-height:38px;background:transparent;padding: 0 10px;float: left;}
.search-input button{width:40px; float: right; height:38px;line-height:38px; background: url(../images/ss_btn02.png) no-repeat 10px center #eee; padding-left: 30px; font-size: 18px; cursor: pointer; color: #005b94;}
.mob_list li{line-height:50px;font-size:16px;text-align: left;text-indent:20px;position:relative;cursor:pointer;border-bottom: 1px solid #b74448;}
.mob_list li a{ color:#fff;  width:85%; display:block}
.mob_list li i{ display:block; width:50px; height:50px; z-index:122; position:absolute; right:0px; top:0px;  background:url(../images/jtx.png) center center no-repeat; background-size:17px}
.mob_list li i.icon{background:url(../images/jts.png) center center no-repeat; background-size:17px}
.mob_list li .ul_ejnav{ display:none}
.mob_list li .ul_ejnav li{width:100%;border-bottom: 1px solid #a62126;padding-left:15px;line-height:45px;font-size:14px;background: #b13c40;}
.mob_list li .ul_ejnav li:last-child{ border-bottom: 0;}
.mob_list li .ul_ejnav li a{ width:100%;}
.open{right:0}

.banner{width: 100%; position: relative;}
.swiper-container {width: 100%; height: 100%; }
.swiper-slide { text-align: center;font-size: 18px;background: #fff; display: -webkit-box; display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center;}
.banner .more{ width: 70px; height: 30px; line-height: 30px; text-align: center; color: #333; font-size: 14px; position: absolute; bottom:21px; left: 51%; background: #fed100; z-index: 5;}
.banner .slick-slide img{ width: 100%;}
.banner ul.slick-slider .slick-prev{ left: 3%;position: absolute; top:50%; z-index:3; width:70px; height:70px; margin-top:-35px; background: url(../images/bannerjt.png) no-repeat 16px center rgba(0,0,0,0.4); border-radius: 100%;  font-size: 0; cursor: pointer;}
.banner ul.slick-slider .slick-next{ right: 3%;position: absolute; top: 50%; z-index:3; width:70px; height:70px; margin-top:-35px; background: url(../images/bannerjt.png) no-repeat -60px center rgba(0,0,0,0.4); border-radius: 100%; font-size: 0; cursor: pointer;}
.banner ul.slick-slider .slick-prev:hover{ background-color:rgba(0,0,0,0.6);}
.banner ul.slick-slider .slick-next:hover{background-color:rgba(0,0,0,0.6);}
.banner ul.slick-slider .slick-dots{ position: absolute; bottom:25px; text-align: center; left: 0; right: 0; z-index: 3;}
.banner ul.slick-slider .slick-dots li{ display: inline-block; width:10px;height: 10px;border-radius: 100%;background: #fff; margin: 0 5px;cursor: pointer;}
.banner ul.slick-slider .slick-dots li.slick-active{ background: #fed100;}
.banner ul.slick-slider .slick-dots li:last-child{ margin-right: 100px;}
.banner .more:before { display: block;content: "";width: 1px;height: 14px;background: #fff;left: -15px;position: absolute;top: 9px;}
.banner .pagination {bottom:25px;position:absolute; text-align: center; width: 100%; }
.banner .pagination .swiper-pagination-switch{ font-size: 0; vertical-align: middle; display: inline-block; background: #fff; border-radius:10px; width:10px; height: 10px;cursor: pointer; opacity: 1;margin: 0 6px;}
.banner .pagination .swiper-active-switch{background: #9b0d14;}

/*学院新闻*/
.s_work{ width:68%; float: left; padding: 20px; background: #fff;}
.newsbox{ width: 100%; padding:30px 0;}
.tit{ position: relative; margin-bottom:20px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.tit h1{ float: left; font-size:28px; color: #333;}
.tit h1 p{font-size: 18px;color: #999;font-weight: 100;}
.tit h1 i{ display: inline-block; width:40px; margin-right: 10px; height: 40px; background: url(../images/titicon.png) no-repeat;vertical-align: middle;}
.tit h1 i.tit_s{ background-position:0 5px;}
.tit h1 i.tit_z{ background-position:0 -77px;}
.tit h1 i.tit_g{ background-position:0px -236px;}
.tit h1 i.tit_c{ background-position:0 -317px;}
.tit h1 i.tit_o{ background-position:0 -396px;}
.tit h1 i.tit_l{ background-position:-479px 0px;}
.tit h1 em{ color: #666; font-size: 16px; margin-left: 15px;}
.tit .more{ color: #ccc; font-size: 28px; display: block; width: 28px; height: 28px; text-align: center; line-height:22px; position: absolute; right: 0; top:10px; border: 1px solid #ccc; font-weight: 200;}
.tit .more:hover{color: #fff; background: #a62126;border: 1px solid #a62126;}
.tit .more i{display: inline-block; width: 30px; height: 30px; margin-right: 10px; vertical-align: middle; -webkit-transition: all .5s;transition: all .5s;}
.tit .more:hover i{ margin-right: 0;}
.newspic{ width:60%; float: left; position: relative;}
.newspic li{ width:47%; margin-right: 3%; float: left;}
.newspic li a{ display: block;}
.newspic .npic{ padding-top: 61.2%; position: relative; overflow: hidden;}
.newspic .npic img{ position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all .5s;transition: all .5s; height:100%;}
.newspic li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.newspic li .n_tit{ background: #fff; padding:20px;-moz-box-shadow:0 3px 6px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2);}
.newspic li .n_tit p{ font-size:14px; color: #a62126; background: url(../images/click.png) no-repeat left center; padding-left: 25px;}
.newspic li .n_tit h1{ font-size: 16px; color: #333; display: block;height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; margin-top: 10px;}
.newspic li:hover h1{ color: #a62126; }

.newslist{ width:40%; float: right;}
.n_list li:after,.notice li:after,.newsbox:after,.activity li:after,.list li:after,.botlist li:after,.pic_new:after{visibility:hidden; display:block; content:""; clear:both}
.n_list li{ background: url(../images/listtb.png) no-repeat left center; line-height:26px; padding:9px 0; padding-left:15px;}
.n_list li a{display: block; }
.n_list li h1{ float: left;font-size: 16px;width: calc(100% - 75px); text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.n_list li span.date{color:#999; float: right; font-size: 12px;}
.n_list li:hover h1,.n_list li:hover .date{color: #a62126;}


/*通知公告*/
.noticebox{width:100%;padding:50px 0px; background:url(../images/noticebg.png) no-repeat left bottom #f2f2f2;}
.notice ul{ width: 103%;}
.notice li{position: relative;  margin:15px 0; padding-bottom:15px; width: 30.333%; margin-right: 3%; float: left; border-bottom: 1px dotted #ccc;}
.notice li a{ display: block;}
.notice li h1{ font-size:16px;color: #333;height: 50px; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; padding-left:20px; line-height:24px;}
.notice li .date{ font-size: 16px;display: block; float: left;  width:47px; height:47px;border: 1px solid #a62126;
 -webkit-transition: all .3s;transition: all .3s; }
.notice li .date span{ color: #fff; display: block; margin-top:6px; margin-left:6px; width:47px; height:47px; background:#a62126; color: #fff; text-align: center;  font-size:22px;}
.notice li .date p{  font-size:12px; text-align: center; color: #fff;}
.notice li:hover .date{ border:01px solid transparent;}
.notice li:hover a h1{ color:#a62126 ;}

/*本科生教育*/
.edution{ width: 48%; float: left;}
.ptp{ padding: 50px 0;}
.list_e{ background: url(../images/titicon.png) no-repeat left -158px; padding-left: 50px; position: relative; padding-bottom:20px; border-bottom: 1px solid #ddd;}
.list_e li{float: left; font-size: 28px; color: #999; font-weight: 100; cursor: pointer;}
.list_e li em{ padding: 0 15px;color: #999; font-weight: 100; }
.list_e li.on{ color: #333; font-weight: normal;}
.list_e li .more{ color: #ccc; font-size: 28px; display: block; width: 28px; height: 28px; text-align: center; line-height:22px; position: absolute; right: 0; top:10px; border: 1px solid #ccc; font-weight: 200; display:none}
.list_e li .more:hover{color: #fff; background: #a62126;border: 1px solid #a62126;}
.list_e li.on .more{ display:block}
.edution .nd{ margin-top: 15px;}
.edution .nd ul{ display: none;}

/*科学研究*/
.research { width: 48%; float: right;}

.bot_item{background: #f2f2f2; padding: 50px 0;}
.pic_new{ width: 100%; background: #fff;}
.pic_new .pic{ width: 40%; float: left;}
.pic_new .pic span{ display: block; padding-top: 65.6%; position: relative; overflow: hidden;}
.pic_new .pic span img{position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all .5s;transition: all .5s;height:100%; }
.pic_new:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.pic_new .text{ overflow: hidden; padding: 20px;}
.pic_new .text h1{font-size: 16px; height: 48px;margin:3px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; line-height: 24px;}
.pic_new .text p{ font-size: 14px; color: #808080;line-height: 24px; height: 48px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; }
.pic_new .text p.date{ background: url(../images/click.png) no-repeat left center; padding-left: 20px; color: #a62126; height: auto;}
.pic_new:hover h1{ color: #a62126;}
.botlist{ margin-top: 10px;}
.botlist li{line-height:26px; padding:12px 0;border-bottom: 1px dotted #ccc;}
.botlist li a{display: block; }
.botlist li h1{ float: left;font-size: 16px;width: calc(100% - 75px); text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.botlist li span.date{color:#999; float: right; font-size: 12px;}
.botlist li:hover h1,.botlist li:hover .date{color: #a62126;}

.link{ clear: both; margin-top: 50px; width: 102%;}
.link a{ display: block; width: 14.6%; margin-right: 2%; float: left; text-align: center; color: #fff; font-size:17px; background: url(../images/xxbg.png) repeat-x #a62126; height: 75px; line-height: 75px; -webkit-transition: all .5s;transition: all .5s; margin-bottom:13px;}
.link a:nth-child(2){background-color: #b61c1c;}
.link a:nth-child(3){background-color: #ad0000;}
.link a:nth-child(4){background-color: #9b0000;}
.link a:last-child{background-color: #880002;}
.link a:hover{transform:translateY(-6px)}


/*底部信息*/
.footer{ width: 100%; background:url(../images/footbg.png) no-repeat center top #9f1c21; padding:30px 0;}
.footer p{ color: #fff; line-height: 30px; font-size: 14px; text-align: center;}



/*内页banner*/
.sban{ width: 100%; position: relative; overflow: hidden; text-align: center;}
.sban img{ width: 100%;}
.sban .banimg2{ display: none;width: 100%;height: 100%;}
.location{width: 95%; max-width: 1320px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 4px; text-align: right; }
.location .lm{width:294px;background:rgba(166,33,38,0.8); float:left; position: relative;text-align:center; padding: 20px 0;  color:#fff; font-size:36px; font-weight:bold; }
.location .lm:before{content: ""; display: block; width: 100%; height: 52px; position: absolute; top: -52px; left: 0; background: url(../images/meunbg.png) left top no-repeat;    background-size: 100% 100%;}
.location .lm p{color: #c09594; font-size: 20px; font-family: georgia; font-weight: normal;}
.location span{ color: #fff; font-size: 16px; line-height: 60px;background: url(../images/wzicon.png) no-repeat left center; padding-left:25px;position: absolute; bottom: 0; right: 0;}
.location span a{ color: #fff;}
.head{ position: absolute; top: 0; left: 0; background: rgba(10, 19, 46, 0.8); width: 100%;}

.position{ padding: 10px; display: none;}
.position span{ color: #333; font-size: 16px; line-height: 26px;background: url(../images/wzicon.png) no-repeat left center; padding-left:25px;}
.position span a{ color: #333;}


/*列表页*/
.conbox{ min-height: 300px;}
.meun{ width:294px; margin-top: -4px; float:left; position: relative; z-index: 5; background:rgba(166,33,38,0.8);}
.meun02{ display: none;}
.meun .dt{ width:100%; }
.meun .dt p{color: #c09594; font-size: 20px; font-family: georgia; font-weight: normal;}
.meun dd{ width:100%; background:#a62126; text-align:center;line-height:60px; font-size:20px; margin: 0 auto 1px auto; position: relative;}
.meun dd a{ display: block; text-align: left;  padding-left: 20px; color: #fff;}
.meun dd i{ display:block; width:40px; height:60px; z-index:3; position:absolute; right:0px; top:0px;  background:url(../images/meunjt.png) 14px 22px no-repeat; cursor: pointer;}
.meun dd i.icon{ background-position:-25px 22px;}
.meun dd ul{ display:none}
.ullion{background: #a62126 !important;}
.meun dd ul li{ width:100%;margin-bottom: 1px; background: #b13c40;  padding-left:15px; line-height:50px; font-size:16px;}
.meun dd ul li a{ width:100%; border-bottom: 0; color: #fff;}
.meun dd:hover{ width: 100%; }
.meun dd:hover ul a{ background: none;border-left: 0;}

.meun dd ul li:hover{background: #a62126;}
.listing{ overflow: hidden;padding: 20px 0 20px 30px;}
.location:after,.newlist01 li:after{visibility:hidden; display:block; content:""; clear:both}
.listing_w{ width: 100%;}

/*新闻列表*/
.newlist li{padding:20px; -webkit-transition: all .5s;transition: all .5s;}
.newlist li:after{visibility:hidden; display:block; content:""; clear:both}
.newlist li:last-child{border-bottom:none}
.newlist li .date{ float:left; width: 120px; height: 120px; padding:25px 0; font-size: 40px; text-align: center;  line-height:32px; color: #a62126; border: 1px solid #9d9d9d;}
.newlist li .date p{ font-size: 16px; color: #a62126; margin-top: 10px;}
.newlist li .txt{ overflow: hidden; padding-left: 20px;}
.newlist li .txt h1{ font-size:20px;line-height:32px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; color: #303030; margin-top: 10px;}
.newlist li .txt p{ font-size: 16px; color: #808080; margin-top: 15px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; height: 46px;}
.newlist li:hover{ background: #a62126;border-top-left-radius: 16px; border-bottom-right-radius: 16px;}
.newlist li:hover h1,.newlist li:hover p,.newlist li:hover .date,.newlist li:hover .date p{color:#fff}
.newlist li:hover .date{border: 0;}

/*图片列表*/
.piclist li{ margin-bottom: 25px; padding: 25px 20px; background: #fff; }
.piclist li:after{visibility:hidden; display:block; content:""; clear:both}
.piclist li:nth-child(3n){ margin-right: 0;}
.piclist li .pic{ width: 30%;float: left;}
.piclist li .pic span{display: block; overflow: hidden; position: relative; padding-top:62.7%;}
.piclist li .pic span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;-webkit-transition: all .5s;transition: all .5s;}
.piclist li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.piclist li .txt{ overflow: hidden; padding-left: 20px;}
.piclist li .txt p.date{ font-size: 18px;color: #a62126;}
.piclist li .txt h1{ font-size: 22px; display: block; max-height:57px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;margin-top: 10px;}
.piclist li .txt p{ font-size: 16px; color: #666; margin-top: 10px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.piclist li:hover{ background: url(../images/picbg.png) no-repeat right bottom #a62126;}
.piclist li:hover .txt p,.piclist li:hover .txt h1{  color: #fff;}

/*简介页*/
.introbox{ padding-top: 20px; background: #fff; border-top: 3px solid #a62126; padding: 40px; margin: 40px 0;}
.introbox p{ line-height:30px; font-size: 16px; color: #333; margin-bottom: 10px;}
.introbox h1{ text-align: center; font-size:20px; font-weight: bold ; color: #333;}
.introbox p img{ max-width: 100%;height: auto;}
.line{ margin: 15px 0; height: 1px; width: 100%;border-bottom: 1px solid #dddddd;}
.page{ margin-top: 30px;border-top: 1px solid #e5e5e5; padding-top: 20px;    margin-bottom: 20px;}
.page a:hover{ color: #a62126; text-decoration: underline;}
.pr{ text-align: center; margin-top: 20px;}
.pr span{ display: inline-block; margin: 0 15px; color:#999;}

/*检索结果页面*/
.result{ padding:20px;}
.tj p{ font-size: 18px; font-weight: bold; color: #226fb8; line-height: 35px;}
.result li{ padding: 15px 0 15px 0px;line-height:30px; position: relative; border-bottom: 2px dashed #e4e4e4;}
.result li:after{visibility:hidden; display:block; content:""; clear:both}
.result li a{ display: block;}
.result li span{ display: block; font-size: 24px; color: #aaa; margin-bottom: 10px;}
.result li h1{ font-size: 18px; color: #333; font-weight: bold; line-height: 35px; width: calc(100% - 120px);}
.result li p{ font-size: 14px; color: #999; width: calc(100% - 120px);}
.result li .eye{ width: 100px; position: absolute; right: 0; top: 0; bottom: 0; background:url(../images/eye.png) no-repeat center center #226fb8 ;opacity: 0; -webkit-transition: all .5s;transition: all .5s;}
.result li:hover .eye{ display: block; opacity: 1;}
.result li:hover span,.result li:hover h1{ color: #226fb8;}

@media only screen and (max-width:1200px){
	.logo_l img{ width:542px;}
	.nav li{ font-size: 14px;}
	.notice ul{ width: 100%;}
	.piclist li .txt h1{ font-size: 18px;}
	.piclist li .txt p{ font-size: 14px;}
}

@media only screen and (max-width:1024px){
	.navbg{ display: none;}
	.container{  display: flex;justify-content: flex-end;align-items: center; padding: 10px;}
	.meun_icon{ display:inline-block;}
	.logo_l{ float: none; margin-right: auto; text-align: left; padding-top: 0;}
	.logo_l span{ font-size: 26px;}
	.headr{ display: none;}
	.topbox{ display: block;}
	.banner ul.slick-slider .slick-next,.banner ul.slick-slider .slick-prev{ width: 50px; height: 50px; top:60%;background-size: 120%;}
	.banner ul.slick-slider .slick-next{ background-position: -27px center;}
	.newspic,.newslist,.edution,.research{ float: none; width: 100%;}
	.newslist,.research{ margin-top: 20px;}
	.noticebox{ float: none;width: 100%; margin-top: 20px;}
    .link a{ font-size: 14px;}
	.tit h1{ font-size: 22px;}
	.tit .more,.list_e li .more{ top: 3px;}
	.list_e{ background-position: left -162px;}
	.list_e li{ font-size: 20px;}
	.notice li{width: 48%; margin-right: 0;}
	.notice li:nth-child(even){ float: right;}
	.notice li:nth-child(odd){ float: left;}
	::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #666;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:    #666;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color:    #666;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color:    #666;
	}
	.newlist li .date{ width: 100px; height: 100px; font-size: 34px;}
	.newlist li .txt h1{font-size: 16px;}
	.newlist li .txt p{font-size: 14px; height: 40px;}
	.meun dd a{ font-size: 18px;}
	.meun02{ width:100%; margin-top: -20px; float: none; display: block; position:relative; z-index: 3;}
	.meun02 .dt{ width:100%; background:#226fb8; text-align:center; height:70px; line-height:70px; color:#fff; font-size:24px; font-weight:bold;}
	
	.meun02 dl{ display: block;overflow-x: auto;overflow-y: hidden; white-space: nowrap; background: #f5f5f5; position: relative; }
	.meun02 dl::-webkit-scrollbar {display:none}
	.meun02 dd{ width: auto; display: inline-block; margin: 0; padding:0 10px; height:50px; line-height:50px;  background: #f5f5f5; }
	.meun02 dd a{ padding-left: 0; font-size: 16px; border-bottom: 0;}
	.meun02 dd.on{ background: #fff; border-left: 0;}
	.meun02 dd.on a{ color: #226fb8;}
	.meun02 ul{text-align: center; }
	.meun02 ul li{ line-height: 35px; display: inline-block;margin-top: 10px;  font-size: 14px; width: auto;    padding: 0 15px;border: 1px solid #e5e5e5;margin: 0 12px;}
	.piclist li h1{ font-size: 14px;}
	.piclist li a{font-size: 14px;}
	.result li h1,.result li p{width:100%;}
	.result li:hover .eye{ opacity: 0;}
	.result li span{ font-size: 20px;}
	.result li h1{ font-size: 16px; line-height: 26px;}
	.result li p{ font-size: 14px; line-height: 26px;}
}
@media only screen and (max-width:959px){
	.link{ text-align: center;}
	.link a{ float: none; display: inline-block; margin:10px 2%; width:28.33%;}
}
@media only screen and (max-width:768px){
	.logo_l img{ width: 80%;}
	.logo_l span{ font-size: 24px;}
	.location .lm{ padding: 10px 0; font-size: 30px; width: 100%;}
	.location span{ display: none;}
        .position{ display: block;}
	.newspic{ width: 100%; float: none;}
	.newslist{width: 100%; float: none; margin-top: 20px; padding-left: 0;}
	.recruit li{ width: 100%; margin: 0; float: none; margin-top: 20px;}
	.sban img{width:200%;margin-left: -60px;}
	.meun{ width: 100%; float: none;margin-top: -4px;}
	.meun dd{line-height: 50px;}
	.meun dd i{ height: 50px;}
	.meun dd a{ font-size: 16px;}
	.listing{ padding-left: 0;}
	.piclist li .txt p.date{ margin-top: 0;}
	.piclist li .txt h1{ font-size: 16px; max-height: 42px;}
        .introbox{margin:0;}
}
@media only screen and (max-width:640px){
	.logo_l img{ width:80%;}
	.logo_l span{ font-size:19px;}
	.notice li{ width: auto; float: none!important;}
	.adr{ padding: 0; padding-top: 15px;}
	.link a{ font-size: 13px; width:44.33%;}
	.banner ul.slick-slider .slick-next, .banner ul.slick-slider .slick-prev{ display: none!important;}
	.location .lm{ font-size: 25px;}
	.location .lm p{font-size: 16px;}
.introbox p img{max-width: 100%;
    display: block;
    height: auto;}
	
}
@media only screen and (max-width:414px){
	.logo_l span{ font-size: 16px; border-left: 0;}
	.link{ margin-top: 30px;}
	.link a{padding: 0 5px; height: 60px; line-height: 60px;}
	.newspic li{ width: auto; float: none; margin-right: 0; }
	.newspic li:nth-child(2){ margin-top: 15px;}
	.bot_item,.ptp,.noticebox{ padding: 30px 0;}
	.pic_new .pic{ width: 100%; float: none;}
	.n_list li h1,.botlist li h1{ font-size: 14px;}
	.sban img{ width: 250%;}
	.newlist li{ padding: 20px 0;}
	.newlist li .date{ width: 80px;height: 80px; font-size: 24px; padding: 10px 0;}
	.newlist li .date p{ margin-top: 0;font-size: 14px;}
	.newlist li .txt h1{ margin-top: 0;}
	.newlist li .txt p{ margin-top: 5px;}
	.piclist li .pic{ width: auto; float: none;}
	.piclist li .txt{ padding-left: 0; padding-top: 10px;}
	.introbox{ padding: 40px 20px;}
.introbox p img{max-width: 100%;
    display: block;
    height: auto;}
}
@media only screen and (max-width:320px){
	.logo_l span{ font-size: 15px;}
	.logo_l span{ padding: 8px;}
.introbox p img{max-width: 100%;
    display: block;
    height: auto;}
	}