@charset "utf-8";
/* CSS Document */
body{ background: #fff; }
.bodybg{background:#FEF5E5;}
.rowbox{ max-width:1600px;width:95%; margin: 0 auto;}


/*手机导航*/
.meun_icon{height:45px; width: 45px; line-height:36px; text-align: center; display:none; color: #fff; font-size: 16px; cursor: pointer; position: absolute; top:30px; right: 20px; z-index: 5; }
.meun_icon img{width:25px;height:20px; float: none; display: inline-block; vertical-align: middle;}
.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;background:#c60113;width: 80%;height: 100%;box-shadow: -5px 0 13px rgba(0,0,0,.43); overflow-y: auto;}
.mob_nav li:last-child{border-bottom:0}
.mob_top{height: 45px;line-height: 45px;padding: 0 15px;background-size: 100%;display: flex;justify-content: flex-end; align-items: center;}
.mob_top .toplink{color: #fff;}
.mob_top .toplink a{color: #fff;}
.mob_nav .colsebtn{ text-align: right;height:25px;margin-top:6px;margin-left: auto; 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{height:47px;line-height:47px;overflow: hidden;width:auto; background:#c60113;display: block;vertical-align: middle; border-radius:25px;}
.search-input:after{visibility:hidden; display:block; content:""; clear:both}
.search-input input{ width:calc(100% - 62px);height:47px;line-height:47px;background:transparent;padding-right: 10px;float: right;font-size: 14px; color: #fff;}
.search-input button{width:60px; float: left; height:47px;line-height:47px; background: url(../images/ss_btn.png) no-repeat center center; font-size: 18px; cursor: pointer; color: #fff; position: relative;}
.mob_list li{line-height:50px;font-size:16px;text-align: left;text-indent:20px;position:relative;cursor:pointer;border-bottom: 1px solid #c60113;}
.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 #c60113;padding-left:15px;line-height:45px;font-size:14px;background:#c60113;}
.mob_list li .ul_ejnav li:last-child{ border-bottom: 0;}
.mob_list li .ul_ejnav li a{ width:100%;}
.open{right:0}

.top{ width:100%; height: 40px; line-height: 40px; background:#333;}
.welcome{ float: left; color: #fff;}
.link_top{float: right; color: #fff;}
.link_top a{color: #fff; margin: 0 10px;}

.bannerbox{ position:relative;}
.header{/* position:absolute; */top:0;left:0;z-index:100;width:100%;background: #c60113;border-bottom: 2px solid #fff;}
.head{max-width:1600px;width:95%; margin:0 auto;}
.logo{float:left;padding:30px 0;transition: .3s;width: 36%;}
.logo img{display:inline-block;vertical-align:middle;width: 100%;}
.logo span{ display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #fff; vertical-align:middle; color:#fff; font-size:28px;}
.headr{float:right;text-align: right;margin-top: 10px;}
.searhbox{height:47px;line-height:47px;overflow: hidden;width:240px;background: #9e0815;display: inline-block;vertical-align: middle;border-radius:25px;}
.searhbox .text{width:calc(100% - 62px);height:47px;line-height:47px;background:transparent;padding: 0 15px;float: right;font-size: 14px; color: #fff;}
.searhbox .btn{ width:60px; float: left; height:47px;line-height:47px; background: url(../images/ss_btn.png) no-repeat center center; padding-left: 30px; font-size: 18px; cursor: pointer; color: #fff; position: relative;}
.searhbox .btn:after{ content: ""; display: block; position: absolute; right: 0; top: 15px; width: 1px; height: 20px; background: #fff;}
@media (min-width: 1200px){
.logo{
margin-left:-2em;
}
}


/*导航*/
.nav{ margin-top:10px;}
.nav li{float:left;padding: 0 12px;text-align: center;line-height:50px;position:relative;font-size:18px;}
.nav li a{color:#fff; display: inline-block; }
.nav li:hover{ }
.nav li:hover a{ color: #f28d01; font-weight: bold ;}
.nav li .ejnav{opacity:0; display: none; height: 0; position: absolute; top:50px; left:0; width:100%;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; z-index:99; background:rgba(255,255,255,0.8);}

.nav li .ejnav li{width: 100%;float: none;font-size: 14px;height: 40px;line-height: 40px;position: relative;}
.nav li .ejnav li:last-child{ border-bottom: 0;}
.nav li .ejnav li a{ color: #333; font-weight: normal;}
.nav li:hover .ejnav{ opacity:1;  height:auto; display: block; }
.nav li .ejnav li:hover{ background:rgb(197 6 23);}
.nav li .ejnav li:hover:before{display: none;}
.nav li .ejnav li:hover a{ color: #fff;}
.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;}


.jbbg{ background:url() repeat-x top; position:absolute; top:0; width:100%; height:382px; z-index:99}

/*banner*/
.banner{width:100%;overflow: hidden; position:relative}
.banner .slick-slide img{ width:100%;}
.banner .slick-dots{ position:absolute;left: 0; right:0px; bottom:30px; text-align: center;}
.banner .slick-dots li{margin:0px 8px;position:relative; width: 16px; height: 16px;border-radius: 100%; background: #fff; display: inline-block;}
.banner .slick-dots li.slick-active{background: #c60113;}
.banner button{ position:absolute; top:48%; width:60px;height:60px;background: url() no-repeat; font-size:0;z-index:9999; cursor:pointer }
.banner .slick-next{right: 5%; background-position:0px 0px}
.banner .slick-prev{left: 5%; background-position:-68px 0px}
.banner .slick-next:hover{background-position:0px -64px}
.banner .slick-prev:hover{ background-position:-68px -64px}



/*通知公告*/
.partbox{ padding: 50px 0;}
.tit{ position: relative;}
.tit h1{float: left; font-size:32px; font-weight: bold;  margin-right: 15px;}
.tit_r{ overflow: hidden; height: 42px; line-height: 50px; border-bottom: 1px solid #d3d3d3; padding-left: 15px; position: relative;}
.tit_r em{ font-size: 24px; color: #e0e0e0; font-family: "arial black";}
.tit_r:before{content: "";display: block;width: 4px;height: 18px;background: #c60113;position: absolute;left: 0;bottom: 5px;}
.tit .more{position: absolute;right: 0;bottom:3px;font-size: 16px;font-family: "arial";font-weight: bold;color: #c60113;}
.tit .more:hover{}
.noticelist{ margin-top:40px;}
.noticelist a{ display: block; width: 30.666%; float: left; margin-right: 4%; padding: 25px; background: #fff; border: 1px solid #e5e5e5; border-top-left-radius: 20px; overflow: hidden; position: relative;-moz-box-shadow:0 13px 23px rgba(0,0,0,.1); -webkit-box-shadow:0 13px 23px rgba(0,0,0,.1); box-shadow: 0 13px 23px rgba(0,0,0,.1);}
.noticelist a:last-child{ margin-right: 0;}
.noticelist a .date{ display: block; position: absolute; left: 0; top: 0; text-align: center; background: #c60113; color: #fff; font-size: 16px; width: 90px; line-height: 30px;border-bottom-right-radius: 20px; overflow: hidden; }
.noticelist a .date em{ background: #f28d01; display: block; height: 40px; line-height: 40px; font-weight: bold; font-size: 24px;}
.noticelist a h1{font-size: 18px;color: #333;font-weight: bold;display: block;max-height: 60px;min-height: 48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding-left: 90px;}
.noticelist a p{ border-top: 1px solid #e5e5e5; padding-top: 20px; margin-top: 20px; font-size: 16px; color: #666; line-height: 24px;display: block; max-height: 72px; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;overflow: hidden;}
.noticelist a i.more{ float: right; font-size: 16px; color: #c60113; font-family: "arial black"; padding-right:40px; background: url(../images/morejt.png) no-repeat 90% center;-webkit-transition: all .5s;transition: all .5s; margin-top: 10px;}
.noticelist a:hover h1{ color: #c60113;}
.noticelist a:hover i.more{background-position: right center;}



/*新闻中心*/
.news{ background: url(../images/newbg.png) no-repeat top center #f5fdf9; background-size: cover; padding: 80px 0;}
.newsbox{ margin-top: 30px;}
.newspic{ width:48%; margin-right:45px; float: left; position: relative; padding-left: 30px; padding-top: 30px; padding-bottom:60px;}
.newspic:after{content: "";display: block;width:90%;height:100%;position: absolute;left: 0;bottom: 0;background: url(../images/newpicbg.png) no-repeat right bottom #c60113;background-size: cover;border-top-left-radius: 20px;border-bottom-right-radius:60px;}
.newspic .slick-list{ padding-bottom: 60px; position: relative;}
.newspic .slick-slider:before{ width:4px; height: 96px; background: #fff; content: ""; display: block; position: absolute; left:-4px; bottom:57px; z-index: 9;}
.newspic .slick-slider:after{ width:96px; height: 4px; background: #fff; content: ""; display: block; position: absolute; left:0px; bottom:57px; z-index: 9;}
.newspic ul{ position: relative;z-index: 3;}
.newspic li{  float: left; position: relative;}
.newspic li a{ display: block;}
.newspic li .date{ position: absolute; top: 0; right: 0; padding: 0 10px; height:40px; line-height: 40px; background: #f39800; color: #fff; text-align: center;font-family:"sySong";  font-size: 16px; z-index: 3;}
.newspic .npic{ padding-top:50%; position: relative; overflow: hidden;}
.newspic .npic img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all .5s;transition: all .5s; }
.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 span.more{position: absolute; bottom: -45px; right: 20%; font-size: 16px; color: #fff; font-family: "arial black"; padding-right:40px; background: url(../images/morejt02.png) no-repeat 90% center;-webkit-transition: all .5s;transition: all .5s;}
.newspic li span.more:hover{background-position: right center;}
.newspic .slick-next{ position: absolute;z-index: 9; right:0px; bottom:-12px!important; width: 69px; height: 63px; background: url(../images/b_next.png) no-repeat center #bf0008; cursor: pointer;}
.newspic .slick-prev{ position: absolute; z-index: 9; right:69px; bottom:-12px!important; width: 69px; height: 63px; background: url(../images/b_prev.png) no-repeat center #b2906d; cursor: pointer;}
.newspic .slick-dots{ text-align: left; margin-top: -30px;}
.newspic .slick-dots li{ display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 100%; margin-right: 15px; background: rgba(255,255,255,0.3); cursor: pointer;}
.newspic .slick-dots li.slick-active{ background: #f28d01;}
.newslist{ overflow: hidden; }
.newslist .bd{ clear: both;}
.n_list{ }
.n_list li:after{visibility:hidden; display:block; content:""; clear:both}

.n_list li{position: relative; padding: 30px; }
.n_list li a{display: block; }
.n_list .date{ float: left; width: 80px;height: 80px; color: #c60113; border: 1px solid #e5e5e5; text-align: center; font-size: 48px; font-weight: bold; text-align: center; margin-right: 50px;}
.n_list .date em{ font-size: 14px; color: #999; display:block; line-height: 2px;}
.n_list li .txt{ overflow: hidden;}
.n_list li .txt h1{ font-size: 18px; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.n_list li .txt p{ color: #999; font-size: 16px; margin-top: 15px; line-height: 24px; display: block; max-height: 48px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;;}
.n_list li span{display: inline-block; width: 24px; height: 15px;-webkit-transition: all .5s;transition: all .5s;background: url(../images/lvjt.png) no-repeat; margin-top: 10px;}
.n_list li:hover{ background: #fff;-moz-box-shadow:0 13px 23px rgba(0,0,0,.1); -webkit-box-shadow:0 13px 23px rgba(0,0,0,.1); box-shadow: 0 13px 23px rgba(0,0,0,.1);}


/*学术动态*/
.science{width: 100%;float: left;max-width: 1600px;}
.science:nth-child(even){ float: right;}
.dtbox{ margin-top: 30px;}
.dtpic{ width:38%; margin-right:45px; float: left; position: relative; padding-left: 12px; border-bottom-right-radius: 40px; overflow: hidden;}
.dtpic:after{ content: ""; display: block; width:9px; height:100%; position: absolute; left: 0; bottom: 0; background: #c60113; border-top-left-radius: 8px;}
.dtpic ul{ position: relative;z-index: 3;}
.dtpic li{  float: left; position: relative;}
.dtpic li a{ display: block;}
.dtpic li .date{ position: absolute; top: 0; right: 0; padding: 0 10px; height:40px; line-height: 40px; background: #f39800; color: #fff; text-align: center;font-family:"sySong";  font-size: 16px; z-index: 3;}
.dtpic .npic{ padding-top:103%; position: relative; overflow: hidden;}
.dtpic .npic img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all .5s;transition: all .5s; }
.dtpic 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);}
.dtpic li .n_tit{ background:rgba(0,0,0,0.56); color: #fff; padding:0px 20px; height:70px; position: absolute; left: 0; bottom:0; width: 100%; }
.dtpic li .n_tit p{ font-size:14px; color: #a6b2ca; margin-top: 10px; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; }
.dtpic li .n_tit h1{ font-size: 18px; color: #fff; width:calc(100% - 150px); line-height: 70px;  display: block;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;padding-left: 10px;}
.dtpic .slick-dots{ text-align: left; line-height: 40px; position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background: #c60113;}
.dtpic .slick-dots li{ display: inline-block; vertical-align: middle; float: none; width: 12px; height: 12px; border-radius: 100%; margin-left: 15px; background: rgba(255,255,255,0.3); cursor: pointer;}
.dtpic .slick-dots li.slick-active{ background: #f28d01;}
.dtlist{ overflow: hidden; }
.dtlist .bd{ clear: both;}
.d_list{ }
.d_list li:after{visibility:hidden; display:block; content:""; clear:both}
.d_list li{line-height:57px; position: relative;  border-bottom: 1px solid #e5e5e5;}
.d_list li a{display: block; }
.d_list li h1{ font-size: 16px; font-weight: bold; padding-right: 100px; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.d_list li span{color:#939393; font-size: 14px;position: absolute; right: 0; top: 0;}
.d_list li:hover h1{color:#c60113;}
.d_list li:hover span{}

/*学工园地*/
.engineer li{ float: left; width: 48%; border: 1px solid #e5e5e5; padding:15px; margin-top:22px;}
.engineer li:nth-child(even){ float: right;}
.engineer li span{ float: left; width:50px; margin-right: 25px; text-align: center; display: block;font-size: 14px; color: #999;}
.engineer li span i{ display: block; margin: 0 auto 5px auto; width: 28px; height: 30px; background: url(../images/dateicon.png) no-repeat left top;}
.engineer li span p{}
.engineer li .en_txt{ overflow: hidden;}
.engineer li .en_txt h1{ font-size: 16px; color: #000; line-height: 24px; display: block; max-height: 48px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.engineer li .en_txt p{ font-size: 16px; color: #999; line-height: 24px; margin-top:10px; display: block; max-height: 48px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.engineer li:hover{ background: url(../images/libg.png) no-repeat; background-size:100% 100%;-moz-box-shadow:0 13px 23px rgba(0,0,0,.2); -webkit-box-shadow:0 13px 23px rgba(0,0,0,.2); box-shadow: 0 13px 23px rgba(0,0,0,.2);}
.engineer li:hover span i{ background-position: 0 -40px; color: #fff;}
.engineer li:hover .en_txt h1,.engineer li:hover span{ color: #fff;}
.engineer li:hover .en_txt p{ color:rgba(255,255,255,0.6);}

/*精英风采*/
.Elite{ padding: 50px 0; background: url(../images/Elitebg.png) no-repeat center top; background-size: 100% 60%; }
.tit_e{ font-size: 32px; font-weight: bold; text-align: center;color: #fff;}
.tit_e p{ font-size: 24px; font-family: "arial black"; color: #fff; opacity: 0.28; text-align: center;}
.tit_e i{ display: block; margin:10px auto 0 auto; width: 18px; height: 4px; background: #f28d01;}
.talent{width:calc(100% + 70px); margin-left: -35px;}
.talent li{border: 6px solid #fff;}
.talent li a{ display: block; padding-top: 55.4%; position: relative; overflow: hidden; background: #fff;}
.talent li a img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all .5s;transition: all .5s;opacity: 0.7;}
.talent li a: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);}
.talent .slick-list { padding:80px 0!important;}
.talent .slick-slide{ margin:0 70px;  }
.talent .slick-slide li img{}
.talent .slick-center{ width: 35%;}
.talent .slick-center {transform: scale(1.5); opacity: 1!important;}
.talent .slick-center li a img{opacity: 1;}
.talent .slick-prev{ display: block; width:32px; height:32px;background:url(../images/b_prev02.png) no-repeat center center; position: absolute; left:calc(50% - 100px); bottom:-45px; cursor: pointer; z-index: 6;}
.talent .slick-next{ display: block; width:32px; height:32px; background:url(../images/b_next02.png) no-repeat center center; position: absolute; right:calc(50% - 90px); bottom:-45px; cursor: pointer;z-index: 6; }
.talent .slick-dots{ height: 0;}
.elitebox{ position: relative;}
.elitebox .pages{left:50%;margin-left: -45px;  bottom:-45px;overflow:hidden;    position: absolute;}
.elitebox .pages .current{font-size:24px;color: #c60113;}

.elitebox .pages span{display:inline-block;vertical-align: bottom;font-size:24px;color: #333;}
.elitebox .pages b{width:8px;font-size:24px; font-weight: normal; color: #999;display:inline-block;vertical-align: bottom; margin: 0 5px;}
.elitebox .pages .total{ color: #999;}
.elitebox .pages .current{ }

.media{ padding: 50px 0; margin-top: 50px; background: url(../images/mediabg.png) no-repeat; background-size: cover;}
.media_li{ margin-top: 15px;}
.media_li a{ display: block; padding:24px 0; border-bottom: 1px solid #eaeaea; position: relative;}
.media_li a:after{visibility:hidden; display:block; content:""; clear:both}
.media_li a span{ display: block;width:15%; float: left; margin-right: 25px;}
.media_li a span em{display: block; position: relative; overflow: hidden; padding-top:38.7%;}
.media_li a span em img{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.media_li a h1{overflow: hidden; font-size: 16px; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; padding-right:50px; color: #000;}
.media_li a h1 p{ font-size: 14px; color: #999;}
.media_li a i{display:block; position: absolute; top: 50%; margin-top: -7.5px; right: 10px; width: 24px; height: 15px;-webkit-transition: all .5s;transition: all .5s;background: url(../images/lhjt.png) no-repeat;}
.media_li a:hover i{right: 0;}
.media_li a:hover h1{ color: #c60113;}

.teacher { margin-top:30px;}
.teacher .slick-slide{margin: 0 25px;}
.teacher .slick-list{ padding: 0 25px;}
.teacher li{  position: relative; }
.teacher li .photo{ display: block; position: relative; padding-top: 143.7%; overflow: hidden;}
.teacher li .photo img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all .5s;transition: all .5s; }
.teacher li:hover{ border: 1px solid #c60113;}
.teacher li:hover .photo 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);}
.teacher li .intro{/* position: absolute; */left: 0;right: 0;bottom: 0;background: #f7f7f7;width: 100%;padding: 20px;}
.teacher li .intro h1{font-size: 18px;font-weight: bold;}
.teacher li .intro span{font-size: 16px;font-weight: normal;float: none;margin-top: 2px;display:block;}
.teacher li .intro p{ font-size: 16px; color: #999; margin-top: 10px; display: block; max-height: 72px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}
.teacher li:hover .intro{ background: #c60113;}
.teacher li:hover .intro h1,.teacher li:hover .intro span,.teacher li:hover .intro p{ color: #fff;}
.teacher .slick-prev{ width: 12px; height: 23px; background: url(../images/jt_left.png) no-repeat; position: absolute; top: 50%; margin-top: -16.5px; left: 0;cursor: pointer; z-index:9}
.teacher .slick-next{ width: 12px; height: 23px; background: url(../images/jt_r.png) no-repeat; position: absolute; top: 50%; margin-top: -16.5px; right: 0; cursor: pointer; z-index:9}


/*快速通道*/
.away{ padding: 50px 0;}
.away li{ text-align: center;font-size: 18px; text-align: center;}
.away li span{display: block; width: 53px; height: 53px; margin: 0 auto; margin-bottom: 10px; text-align: center;-webkit-transition: all .5s;transition: all .5s;transform-style: preserve-3d;}
.away li:hover span{transform: rotateY(180deg);}
.away .slick-prev{ width: 12px; height: 23px; background: url(../images/jt_left.png) no-repeat; position: absolute; top: 50%; margin-top: -16.5px; left: 0;cursor: pointer;}
.away .slick-next{ width: 12px; height: 23px; background: url(../images/jt_r.png) no-repeat; position: absolute; top: 50%; margin-top: -16.5px; right: 0; cursor: pointer;}



.link{ width: 100%; background: #f4f4f4; padding: 15px;}
.link h1{font-size: 18px;color: #c60113;background: url(../images/linkicon.png) no-repeat left center;padding-left: 25px;display: inline-block;}
.link a{ margin: 0 10px;font-size: 18px; }
.link a:hover{ color: #c60113;}


/*底部信息*/
.footer{ width: 100%; background:url(../images/footbg.png) no-repeat; background-size: cover; padding:80px 0 50px 0;  position: relative;}
.foot_link{ float: left; width: 390px;}
.foot_link .item{float: left;width: 33.333%;margin-bottom: 20px;display:block;font-size: 14px;color: #bee7db;text-align: center;position: relative;}
.foot_link a{ color:#fff}
.foot_link a span{width: 50px; height: 50px; margin: 0 auto; display: block; background: rgba(0,0,0,0.2); border-radius: 100%; text-align: center; line-height: 50px; margin-bottom: 10px;}
.foot_link a span img{ vertical-align: middle;}
.foot_link a:hover span{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate}
@keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}

.foot_link .con{position: absolute;visibility:hidden;opacity:0;bottom: calc(100% + 18px);background: rgba(255,255,255,.9);padding: 10px;z-index: 66;left: 50%;margin-left: -64px;box-shadow: 0 -3px 5px rgba(0,0,0,.1);transition: .3s all ease-in;}
.foot_link .con:before{content:'';position:absolute;bottom: -7px;left: 50%;margin-left: -7px;border-style: solid;border-width: 7px 7px 0 7px;border-color: rgba(255,255,255,.9) transparent transparent transparent;}
.foot_link .item:hover .con{visibility:visible;opacity:1;bottom: calc(100% + 4px);}
.foot_link .con a{display:block;color: #555;padding: 12px 12px;white-space: nowrap;}
.foot_link .con a:not(:first-child){border-top:1px dashed #ddd}
.foot_link .con a:hover{color:#c60113}

.footlogo{ position: absolute; width: 540px; left: 50%; margin-left: -220px;}
.footlogo a{margin-bottom:20px;/* display: block; */}
.footlogo img{ width: 100%;}
.footlogo p{text-align: center;color: #ffffff;line-height: 30px;}
.contact{ float: right;}
.contact h1{ font-size:26px; color: #fff; margin-bottom: 20px;}
.contact_xx{ padding-left: 20px;}
.contact p{font-size: 14px;color: #ffffff;line-height: 36px;}

/*内页banner*/
.sban{ width: 100%; position: relative; overflow: hidden; text-align: center;}
.sban img{ width: 100%;}
.sban .banimg2{ display: none;width: 100%;height: 100%;}

/*列表页*/
.conbox{ padding: 30px 0; }
.meun{ width:300px; padding-bottom:50px; padding-right:2px; border-bottom-right-radius: 30px; float:left; position: relative; z-index: 5; background:#c60113; margin-right:50px;}
.meun .dt{ width:100%; background:#c60113; height:70px; line-height:70px; color:#fff; font-size:26px; font-weight:bold; position: relative; text-align: center;}
.meun .dt i{ display: block; width: 32px; height: 32px; margin: 0 auto; text-align: center; line-break: 32px; margin-top: 15px;}
.meun .dt em{ display: none; width:50px; height:50px; line-height: 50px; position: absolute;right:20px; top:7px;  cursor: pointer; font-size:40px; background: url(../images/jia.png) no-repeat center center;}
.meun .dt em.zk{background: url(../images/jian.png) no-repeat center center;}
.meun dl{ display: block}
.meun dd{ text-align:center;line-height:60px; font-size:18px; margin: 0 auto; position: relative;border-left: 2px solid #c60113; background:rgba(255,255,255,0.9); }
.meun dd.on{ background: #fff;border-left: 2px solid #f28d01; }
.meun dd a{ display: block; text-align: left; padding-left: 20px;border-bottom:1px solid #c9dcd7;}
.meun dd.on a{ color: #f28d01; font-weight: bold;}
.meun dd:last-child a{ border-bottom: 0;}
.meun dd i{ display:block; width:40px; height:60px; z-index:3; position:absolute; right:0px; top:0px;  background:url(../images/meunjt.png) 14px center no-repeat; cursor: pointer;}
.meun dd i.icon{ background-position:-24px center;}
.meun dd ul{ display:none;}
.meun dd ul li{ width:100%; border-bottom:1px solid #e5e5e5; line-height:50px; font-size:16px;}
.meun dd ul li a{ width:100%; border-bottom: 0; padding-left:35px;}
.meun dd:hover{ width: 100%; }
.meun dd:hover a{ color: #c60113;}
.meun dd:hover i.icon{ background-position:-24px center;}
.meun dd:hover ul a{ background: none;border-left: 0; color: #333;}
.meun dd:hover ul a:hover{background: #c60113; color: #fff;}
.listing{overflow: hidden;}
.location{  background: #f5f5f5;  padding: 0 15px;}
.location:after,.newlist01 li:after{visibility:hidden; display:block; content:""; clear:both}
.location h1{ float:left; font-size:20px; line-height:50px; border-bottom: 2px solid #c60113; color: #c60113;}
.location span{ float:right; color:#666; font-size:14px; line-height:50px; background:padding-left: 25px;}
.location span a{color:#c60113; }
.listing_w{ width: 100%; background: #fff; padding: 20px 30px;}

/*新闻列表*/
.nybox{padding:20px 0; margin-top: 10px;}
.newlist{ padding: 0 10px;}
.newlist li{ padding-left:25px; position: relative; -webkit-transition: all .3s;transition: all .3s; border-bottom: 1px dashed #e5e5e5;}
.newlist li:before{ content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -2.5px; width:5px; height:5px; background: #c60113;}
.newlist li:after{visibility:hidden; display:block; content:""; clear:both}
.newlist li:last-child{border-bottom:none}
.newlist li .date{line-height:50px; color: #999; position: absolute; top: 0; right: 0;}
.newlist a h1{ font-size:16px;line-height:50px; display: block; padding-right: 95px; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; color: #303030;-webkit-transition: all .3s;transition: all .3s;}
.newlist li:hover a h1{color:#c60113;  font-weight: bold;}



/*图片列表*/
.piclist li{ float: left; width: 31.333%; margin-right: 3%; margin-top: 20px; background: #fff; padding: 10px; border: 1px solid #e5e5e5; padding-bottom: 10px;}
.piclist li:nth-child(3n){ margin-right: 0;}
.piclist li .pic{ }
.piclist li .pic span{display: block; overflow: hidden; position: relative; padding-top: 70.2%;}
.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 h1{ font-size: 16px; padding:15px 20px; display: block;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; text-align: center;}
.piclist li a.more{ width: 92px; height: 28px; border: 1px solid #e5e5e5; text-align: center;line-height: 28px; color: #666; display: block; margin-top: 10px;}
.piclist li a.more:hover{ background:#226fb8 ; color: #fff;}
.piclist li:hover h1{color: #c60113;}

/*图文列表页*/
.picnewlist li{ padding:30px 0; border-bottom: 1px dashed #cacaca; position: relative;}
.picnewlist li:after,.new_nr .dbu:after{visibility:hidden; display:block; content:""; clear:both}
.picnewlist li .new_pic{width:25%; float: left; margin-right: 15px;}
.picnewlist li .new_pic span{ padding-top: 65.7%; position: relative; overflow: hidden; display: block;}
.picnewlist li .new_pic span img{position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all .5s;transition: all .5s;}
.picnewlist li:hover .new_pic span 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);}
.new_nr{ overflow: hidden;}
.new_nr h1{ font-size: 20px; font-weight: bold;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.new_nr p{ font-size: 16px; line-height: 26px; color: #7e7e7e; margin:20px 0; max-height: 52px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.new_nr .dbu .date{ background: url(../images/sjicon.png) no-repeat left center; font-size: 16px; line-height:44px;padding-left: 35px; color: #7e7e7e; display: block; float: left;}
.new_nr .dbu .more{display:block; float: right; width: 24px; height: 15px;-webkit-transition: all .5s;transition: all .5s;background: url(../images/lvjt.png) no-repeat; margin-top: 10px;margin-right: 10px;}
.picnewlist li:hover h1{ color: #c60113 ;}
.picnewlist li:hover .dbu .more{ margin-right: 0;}

/*简介页*/
.introbox{ padding-top: 20px;}
.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%;}
.line{ margin: 15px 0; height: 1px; width: 100%;border-bottom: 1px dashed #dddddd;}
.page{ margin-top: 30px;border-top: 1px solid #e5e5e5; padding-top: 20px;}
.pr{ text-align: center; margin-top: 20px;}
.pr span{ display: inline-block; margin: 0 15px; color:#999;}
.page a:hover{color:#bf0008;}


/*师资队伍*/
.teachlist .zc{ font-size: 16px; color: #c60113; padding-left:30px; position: relative; font-weight: bold; text-align: left; margin-top: 10px;}
.teachlist .zc:before{ content: ""; display: block; position: absolute; left: 22px; bottom: 2px; width:3px; height:15px; background: #c60113;}
.teachlist li{ width:16%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; float:left; margin:20px 2%; cursor:pointer; background:#f5f5f5;}
.jspic{ text-align:center;  overflow:hidden; background:#f5f5f5}
.jspic a{ display: block; position: relative; overflow: hidden; padding-top: 124%;}
.jspic a img{ width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all .5s;transition: all .5s;}
.teachlist li:hover .jspic a 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);}
.jsxx { overflow: hidden; padding:10px; }
.jsxx h2{ font-size:18px; font-weight:bold; text-align: center; text-align: center;}
.jsxx h2 a{ color:#333; text-decoration:none}
.jsxx p{margin-top: 10px; color:#999; text-align: center;}
.teachlist li:after,.teachlist:after{visibility:hidden; display:block; content:""; clear:both}
.teachlist li:hover{-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);background:#c60113; }
.teachlist li:hover h2 a,.teachlist li:hover p{ color:#fff}



/*检索结果页面*/
.result{ padding:20px 0;}
.tj p{ font-size: 18px; font-weight: bold; color: #9c0a0d; line-height: 35px;}
.result li{ padding: 15px 0 15px 0px;line-height:30px; position: relative; border-bottom:1px dashed #bdbdbd;}
.result li:after{visibility:hidden; display:block; content:""; clear:both}
.result li a{ display: block;}
.result li span{position: absolute; line-height: 35px; right: 0; top: 15px; font-size:16px; color: #aaa;}
.result li h1{ font-size: 16px; color: #333;line-height: 35px; padding-right: 100px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}


@media only screen and (max-width:1400px){
	.headr{}
	.nav{ margin-top: 0;}
	.nav li{padding: 0 10px;}
	.talent{ width: 100%; margin-left: 0;}
	.media_li a{ padding: 16px 0;}
	.footlogo{ margin-left: -210px;}

}

@media only screen and (max-width:1200px){
	.nav li{font-size: 16px;}
	.logo span{ font-size: 22px;}
	.logo img{width: 500px;}
	.n_list li{ padding: 20px;}
	.teacher .slick-slide{ margin: 0 26px;}
	.teacher li .intro p{ font-size: 14px;}
	.talent .slick-slide{ margin: 0 50px;}
	.footlogo{width: 400px; margin-left: -140px;}
	
}

@media only screen and (max-width:1024px){
	.head{display: flex;justify-content: flex-end;align-items: center;}
	.logo{ margin-right: auto;}
	.meun_icon{ position: static;}
	.headr{ display: none;}
	.meun_icon{ margin-left: auto; display: block;}
	.mob_nav{ display: block;}
	.contact{ margin-bottom: 20px;}
	.newspic{ width: 100%;float: none;}
	.newslist{ margin-top:30px;}
    .science{ width: auto; float: none!important;} 
	.science:nth-child(even){ margin-top: 40px;}
	.d_list li{ line-height: 72px;}
	.talent .slick-slide{ margin: 0 40px;}
	.talent .slick-list{padding:50px 0!important}
	.away li{ font-size:16px;}
	.footlogo{ width: 270px;margin-left: -68px;}
	.meun{ width: 100%; float: none; margin-right: 0; padding-bottom: 0; background:#fff;}
	.meun .dt em{ display: block;}
	.meun dl{ display: none; padding-bottom: 0;}
	.listing{ margin-top: 20px;}
	.teachlist li{ width: 21%;}
}
@media only screen and (max-width:976px){
	.noticelist a{width: auto; float: none; margin-right: 0; margin-top: 30px;}
	.foot_link,.contact{ float: none; width: auto; text-align: center;}
	.footlogo{position: static; margin-left: 0; text-align: center; width: 80%; margin:10px auto;}
	.contact p{ display: inline-block;}
	
}

@media only screen and (max-width:768px){
	.d_list li{ line-height: 53px;}
}

@media only screen and (max-width:641px){
	.banner .slick-dots{bottom:15px}
	.banner .slick-dots li{ width: 10px; height: 10px;}
	.talent .slick-slide{ margin: 0 20px;}
	.talent .slick-center{transform: scale(1.3);}
	.pic_li li{ width: 100%; margin-top: 20px;}
	.pic_li li:nth-child(2){margin: 20px 0 0 0;}
	.engineer li{ width: auto; float: none!important;}
	.location h1,.location span{ float: none; display: block;}
	.structure dl dd{ width:100%;}
	.piclist li{ width: calc(50% - 20px); margin: 15px 10px;}
	.piclist li h1{ font-size: 14px;}
	.teachlist li{ width: 29%;}
}
@media only screen and (max-width:576px){
	.dtpic{ width: auto; float: none; margin-right: 0;}
	.talent .slick-list{ padding: 20px 0!important;}
	.talent .slick-center{transform: scale(1);}
	.link h1,.link a{ font-size: 16px;}
	.welcome{ display: none;}
	.logo{ padding: 15px 0;}
	.logo img{width: 388px;}
	.logo span{font-size: 17px;}
	.banner .slick-dots{ display: none!important; }
	.tit h1{ font-size: 28px;}
	.tit_r{ height: 35px; line-height: 38px;}
	.location span{line-height: 26px;padding: 10px 0;}
	
}

@media only screen and (max-width:414px){
	
	.logo img{width: 296px;}
	.logo span{font-size: 16px;}
	.n_list li{ padding:20px 0;}
	.n_list .date{ margin-right: 25px;}
	.tit_r em{ font-size: 14px;}
	.picnewlist li .new_pic{ float: none; width: auto;margin-right: 0;}
	.new_nr{ margin-top: 15px;}
	.teachlist li{ width:46%;}
	
}

@media only screen and (max-width:375px){
	.logo{ top: 10px; left: 10px;}
	.bm_teacher li i.more{display: none;}
}

@media only screen and (max-width:320px){
	.logo img{width: 245px;}
	.logo span{  font-size: 14px;}
	.mob_nav{ width: 90%; right: -95%;}
	
}
@media only screen and (max-width:360px){
	.foot_link .con{
    margin-left: -70px;
}
	
}
@media only screen and (max-width: 650px){
.tit_r em {
    font-size: 20px;
}
}
@media only screen and (max-width: 580px){
.tit_r em {
    font-size: 17px;
}
}
@media only screen and (max-width: 520px){
.tit_r em {
    font-size: 15px;
}
}
@media only screen and (max-width: 480px){
.tit_r em {
    font-size: 12px;
}
}
@media only screen and (max-width:1615px){
	.headr{
    margin-top: -65px;
}
}